@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap");

.col-1 {
    width: 8.33%
}

.col-2 {
    width: 16.66%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33%
}

.col-5 {
    width: 41.66%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33%
}

.col-8 {
    width: 66.66%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33%
}

.col-11 {
    width: 91.66%
}

.col-12 {
    width: 100%
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    background: none;
    /* Remove o estilo de fundo padrão do botão */
    border: none;
    /* Remove a borda padrão do botão */
    padding: 0;
    /* Remove o preenchimento padrão */
    margin: 0;
    /* Remove a margem padrão */
    cursor: pointer;
    /* Define o cursor para pointer para indicar que é clicável */
    font: inherit;
    /* Herda a fonte do elemento pai */
    /* Adicione outros estilos conforme necessário */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    border: 1px solid #ccc;
    padding: 0.5em;
    font: inherit;
    outline-offset: -2px
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

body {
    font-family: 'Lato', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', serif;
    text-transform: uppercase
}

.btn {
    font-family: 'Montserrat', serif
}

.cliente-frame,
.medico-frame {
    margin-top: 23vh;
    height: 100vh;
    width: 100%
}

.footer-section {
    background: #B3B3B2;
    color: #70706F
}

.footer-section .mapa {
    margin-bottom: 5vh;
    box-sizing: border-box;
    height: 400px;
    border: none;
    margin: 0 auto;
    display: block
}

@media screen and (max-width: 768px) {
    .footer-section .mapa {
        height: 320px
    }
}

.footer-section .website-info {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 40px
}

@media screen and (max-width: 768px) {
    .footer-section .website-info {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-gap: 20px
    }
}

.footer-section .website-info .links .container,
.footer-section .website-info .social-media .container {
    list-style: none;
    padding: 0
}

.footer-section .website-info .links .container a,
.footer-section .website-info .social-media .container a {
    color: inherit;
    text-decoration: none
}

.footer-section .website-info .links .container a:hover,
.footer-section .website-info .social-media .container a:hover {
    color: #fff
}

.footer-section .website-info .links .container a i,
.footer-section .website-info .social-media .container a i {
    font-size: 40px
}

.footer-section .website-info .social-media .container li {
    float: left;
    margin-right: 10px
}

.footer-section .website-info .contato a {
    color: inherit;
    text-decoration: none
}

.footer-section .website-info .contato a:hover {
    color: #fff
}

.footer-section .credits {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    color: #fff;
    font-family: 'Montserrat', serif;
    font-size: 12px;
    padding: 20px 0;
    margin-top: 10px
}

.footer-section .credits p {
    margin: 0;
    text-align: center;
    line-height: 25px
}

.footer-section .credits p a {
    color: inherit;
    text-decoration: none
}

.footer-section .credits p a:hover {
    color: #3AAA35
}

#navBar {
    position: fixed;
    top: 0;
    z-index: 999;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    background: #fff
}

.navbar-ct {
    margin: 0 auto;
    font-family: 'Montserrat', serif;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 23vh
}

@media screen and (max-width: 768px) {
    .navbar-ct {
        height: 13vh
    }
}

.navbar-ct .info {
    display: grid;
    grid-template-rows: 100% 0%;
    grid-template-columns: 1fr;
    text-align: center;
    color: #008E36;
    margin: 0.5vh 0;
    width: 25%;
    height: 100%
}

@media screen and (max-width: 768px) {
    .navbar-ct .info {
        display: block;
        width: 50%
    }
}

.navbar-ct .info .link {
    height: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 768px) {
    .navbar-ct .info .link {
        height: 10vh
    }
}

.navbar-ct .info .link img {
    height: 90%;
    object-fit: contain
}

.navbar-ct .info p {
    width: 100%;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    padding-top: 5px
}

@media screen and (max-width: 768px) {
    .navbar-ct .info p {
        display: none
    }
}

.navbar-ct .menu {
    width: 55%
}

.navbar-ct .menu button.toggle {
    display: none
}

@media screen and (max-width: 768px) {
    .navbar-ct .menu button.toggle {
        display: block;
        position: absolute;
        right: 20%;
        top: 50%;
        transform: translateY(-50%);
        background: transparent;
        color: #008E36;
        border: none;
        font-size: 20px
    }
}

.navbar-ct .menu .list-menu {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

@media screen and (max-width: 768px) {
    .navbar-ct .menu .list-menu li {
        text-align: right;
        width: 100%;
        margin: 10px 0
    }
}

.navbar-ct .menu .list-menu li a {
    color: inherit;
    text-decoration: none
}

@media screen and (max-width: 768px) {
    .navbar-ct .menu .list-menu {
        position: absolute;
        top: 13vh;
        right: 0;
        background: #fff;
        margin: 0;
        padding: 1em;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        display: none;
        box-sizing: border-box
    }
}

.navbar-ct .search-btn {
    border: none;
    background: transparent;
    color: #008E36;
    font-size: 20px
}

#navBar.rolled {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

.searchhome {
    position: fixed;
    top: 23vh;
    right: 0;
    z-index: 999;
    background: #fff;
    padding: 1em;
    display: none;
    grid-template-rows: 1fr;
    grid-template-columns: 40vw auto;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

@media screen and (max-width: 768px) {
    .searchhome {
        top: 13vh;
        grid-template-columns: 80vw auto;
        box-sizing: border-box
    }
}

.searchhome input,
.searchhome button {
    height: 7vh;
    border: solid 2px #008C50;
    box-sizing: border-box
}

.searchhome button {
    background: #008C50;
    color: #fff;
    border-radius: 0 8px 8px 0
}

.searchhome input {
    border-radius: 8px 0 0 8px;
    padding: 0 1em
}

.search-container {
    margin-top: 23vh;
    padding: 100px 0;
    background: url("./assets/images/bg1.svg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    color: #fff
}

@media screen and (max-width: 768px) {
    .search-container {
        margin-top: 13vh;
        padding: 5vh 0
    }
}

.search-container h1,
.search-container h2 {
    text-align: center
}

.search-container .results-list {
    margin: 0 auto;
    background: #008C50;
    padding: 1em
}

@media screen and (max-width: 768px) {
    .search-container .results-list {
        width: 90%;
        box-sizing: border-box
    }
}

.search-container .results-list .search-results-list {
    list-style: none;
    padding: 0
}

.search-container .results-list .search-results-list li {
    padding: 1em 0;
    border-bottom: solid 1px #95C11F;
    box-sizing: border-box
}

.search-container .results-list .search-results-list li a {
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    color: #95C11F
}

.search-container .results-list .search-results-list li a:hover {
    color: #fff
}

.hero-section {
    margin-top: 23vh;
    height: 70vh;
    background: url("./assets/images/header.jpg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    z-index: 2;
    padding-bottom: 20vh
}

@media screen and (max-width: 768px) {
    .hero-section {
        margin-top: 13vh;
        height: 700px;
        display: grid;
        grid-template-rows: repeat(2, 1fr);
        grid-template-columns: 1fr;
        grid-gap: 10vh;
        padding: 20vh 10vh;
        box-sizing: border-box
    }
}

.hero-section::after,
.hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero-section::after {
    z-index: -2;
    background: rgba(58, 170, 53, 0.85);
    background: -webkit-linear-gradient(to right, rgba(0, 142, 54, 0.85), rgba(58, 170, 53, 0.85));
    background: linear-gradient(to right, rgba(0, 142, 54, 0.85), rgba(58, 170, 53, 0.85))
}

.hero-section::before {
    z-index: -1;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23DCEFFA' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E");
    background: url("./assets/images/bg1.svg") top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.75
}

.hero-section .client-field {
    background: #008E36;
    position: absolute;
    right: 10vw;
    top: 30%;
    transform: translateY(-30%);
    padding: 1em;
    color: #fff;
    min-height: 45%;
    max-height: 45%;
    max-width: 35%;
    min-width: 35%;
    Display: flex;
    flex-direction: column;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .hero-section .client-field {
        margin-top: -170px;
        right: 50%;
        min-height: 30%;
        max-height: 30%;
        max-width: 95%;
        min-width: 95%;
        box-sizing: border-box;
        transform: translateX(50%);
        overflow: hidden
    }
}

.hero-section .client-field p {
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .hero-section .client-field p {
        font-size: 14px
    }
}

.hero-section .client-field h1 {
    font-size: 24px
}

@media screen and (max-width: 768px) {
    .hero-section .client-field h1 {
        font-size: 20px
    }
}

.hero-section .client-field h1,
.hero-section .client-field p {
    text-align: center;
}

.hero-section .client-field .btns-container {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 5vh
}

@media screen and (max-width: 768px) {
    .hero-section .client-field .btns-container {
        margin-top: 20px
    }
}

.hero-section .client-field .btns-container .btn {
    height: 10vh;
    width: 10vw;
    border: solid 3px #95C11F;
    display: flex;
    justify-content: center;
    align-items: center;
    color: inherit;
    text-decoration: none;
    font-family: 'Montserrat', serif
}

@media screen and (max-width: 768px) {
    .hero-section .client-field .btns-container .btn {
        width: auto;
        height: 5vh;
        font-size: 14px
    }
}

.hero-section .client-field .btns-container .btn.vazado {
    background: transparent
}

.hero-section .client-field .btns-container .btn.vazado:hover {
    background: #3AAA35;
    border-color: #3AAA35
}

.hero-section .client-field .btns-container .btn.preenchido {
    background: #95C11F
}

.hero-section .client-field .btns-container .btn.preenchido:hover {
    background: #E53924;
    border-color: #E53924
}

.hero-section .perguntas-field {
    padding: 1em;
    background: #95C11F;
    position: absolute;
    max-width: 30%;
    left: 10vw;
    top: 30%;
    transform: translateY(-30%);
    min-height: 45%;
    max-height: 45%;
    max-width: 35%;
    min-width: 35%;
    color: #fff;
    display: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

@media screen and (max-width: 768px) {
    .hero-section .perguntas-field {
        margin-top: 100px;
        left: 50%;
        min-height: 25%;
        max-height: 25%;
        max-width: 95%;
        min-width: 95%;
        box-sizing: border-box;
        transform: translateX(-50%);
        overflow: hidden
    }
}

.hero-section .perguntas-field .btn {
    height: 10vh;
    width: 10vw;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: inherit;
    text-decoration: none;
    font-family: 'Montserrat', serif;
    background: #008C50
}

.hero-section .perguntas-field .btn:hover {
    background: #E53924;
    border-color: #E53924
}

@media screen and (max-width: 768px) {
    .hero-section .perguntas-field .btn {
        width: auto;
        height: 5vh;
        font-size: 14px;
        padding: 0 10px
    }
}

.main-section {
    background: #B3B3B2;
    padding-bottom: 10vh
}

@media screen and (max-width: 768px) {
    .main-section {
        padding-bottom: 5vh
    }
}

.main-section .top-section {
    background: #fff;
    margin: -20vh auto 10vh;
    min-height: 50vh;
    position: relative;
    z-index: 3;
    padding: 10vh 5vw;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5vw
}

@media screen and (max-width: 768px) {
    .main-section .top-section {
        grid-template-rows: auto;
        grid-template-columns: 1fr;
        padding-top: 5vh
    }
}

.main-section .top-section .contato-container {
    background: #008E36;
    padding: 1em;
    color: #fff
}

.main-section .top-section .contato-container h2,
.main-section .top-section .contato-container p {
    width: 75%
}

@media screen and (max-width: 768px) {

    .main-section .top-section .contato-container h2,
    .main-section .top-section .contato-container p {
        width: 95%
    }
}

.main-section .top-section .contato-container a {
    color: inherit;
    text-decoration: none
}

.main-section .top-section .contato-container p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 700
}

.main-section .top-section .coming-soon {
    width: 300px;
    height: 300px;
    margin: auto;
    background: url("./assets/images/logo.svg") center center no-repeat;
    background-size: contain
}

@media screen and (max-width: 768px) {
    .main-section .top-section .coming-soon {
        width: 100%
    }
}

.main-section .top-section #slider {
    display: none
}

.main-section .top-section #slider .items-carousel {
    width: 30vw;
    list-style: none;
    padding: 0;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .main-section .top-section #slider .items-carousel {
        width: 75vw
    }
}

.main-section .top-section #slider .items-carousel .item img {
    width: 30vw;
    height: 100%;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .main-section .top-section #slider .items-carousel .item img {
        width: 75vw
    }
}

.main-section .top-section #slider .arrow {
    color: #95C11F;
    opacity: 0.5;
    top: 50%;
    transform: translateY(-50%)
}

.main-section .top-section #slider .arrow:hover {
    color: #008C50;
    opacity: 1
}

@media screen and (max-width: 768px) {
    .main-section .top-section #slider .arrow {
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {
    .main-section .top-section #slider .glider-prev {
        margin-left: 15px
    }
}

@media screen and (max-width: 768px) {
    .main-section .top-section #slider .glider-next {
        margin-right: 15px
    }
}

.aside-section {
    padding: 5vh 0
}

.aside-section .head {
    padding-bottom: 5vh;
    text-align: center
}

.aside-section .valores-container {
    margin: 0 auto
}

.aside-section .valores-container .valores {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-around;
    align-items: center
}

@media screen and (max-width: 768px) {
    .aside-section .valores-container .valores {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }
}

.aside-section .valores-container .valores li {
    padding: 10px
}

.aside-section .valores-container .valores li h3,
.aside-section .valores-container .valores li p {
    text-align: center
}

.aside-section .valores-container .valores li img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    object-fit: contain
}

@media screen and (max-width: 768px) {
    .aside-section .valores-container .valores li img {
        width: 30%
    }
}

.aside-section .valores-container .valores li:hover {
    background: #95C11F;
    color: #fff
}

.exame-main {
    margin-top: 23vh;
    position: relative;
    background: url("./assets/images/bg1.svg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed
}

@media screen and (max-width: 768px) {
    .exame-main {
        margin-top: 13vh
    }
}

.exame-main .container-exames {
    padding: 10vh 0;
    margin: 0 auto
}

@media screen and (max-width: 768px) {
    .exame-main .container-exames {
        padding: 5vh 0
    }
}

.exame-main .container-exames .head {
    text-align: center;
    margin: 5vh auto;
    color: #fff
}

@media screen and (max-width: 768px) {
    .exame-main .container-exames .head {
        width: 95%
    }
}

.exame-main .container-exames .exames-box {
    margin: 0 auto;
    padding: 1em;
    background: #008C50;
    box-sizing: border-box
}

.exame-main .container-exames .exames-box .search-form {
    display: grid;
    grid-template-rows: 7vh;
    grid-template-columns: 95% 5%
}

@media screen and (max-width: 768px) {
    .exame-main .container-exames .exames-box .search-form {
        grid-template-columns: auto 7vh
    }
}

.exame-main .container-exames .exames-box .search-form input {
    border: solid 2px #95C11F;
    padding-left: 1em;
    border-radius: 8px 0 0 8px
}

.exame-main .container-exames .exames-box .search-form button {
    border: solid 2px #95C11F;
    background: #95C11F;
    color: #fff;
    border-radius: 0 8px 8px 0
}

.exame-main .container-exames .exames-box .tabs {
    list-style: none;
    padding: 0;
    color: #fff
}

.exame-main .container-exames .exames-box .tabs li {
    padding: 10px;
    font-size: 20px;
    border-radius: 8px 8px 0 0;
    float: left
}

.exame-main .container-exames .exames-box .tabs li a {
    color: inherit;
    text-decoration: none;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .exame-main .container-exames .exames-box .tabs li a {
        font-size: 14px
    }
}

.exame-main .container-exames .exames-box .tabs li:hover {
    background: #95C11F
}

.exame-main .container-exames .exames-box .tabs li.active {
    background: #95C11F
}

.exame-main .container-exames .exames-box .container-lista {
    border-top: solid 1px #95C11F;
    clear: both
}

.exame-main .container-exames .exames-box .container-lista .tab,
.exame-main .container-exames .exames-box .container-lista #tab-panel-number {
    display: none
}

.exame-main .container-exames .exames-box .container-lista #tab-panel-mais-buscados h1 {
    color: #fff
}

.exame-main .container-exames .exames-box .list-group {
    list-style: none;
    padding: 0
}

.exame-main .container-exames .exames-box .list-group .list-group-item {
    padding: 20px 0;
    border-bottom: solid 1px #95C11F
}

.exame-main .container-exames .exames-box .list-group .list-group-item button {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left
}

.exame-main .container-exames .exames-box #maisInfoContainer {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(179, 179, 178, 0.75);
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none
}

.exame-main .container-exames .exames-box #maisInfoContainer .info {
    background: #fff;
    padding: 1em 2em;
    min-width: 50%;
    min-height: 40vh;
    position: relative
}

@media screen and (max-width: 768px) {
    .exame-main .container-exames .exames-box #maisInfoContainer .info {
        max-width: 100%
    }
}

.exame-main .container-exames .exames-box #maisInfoContainer .info button {
    position: absolute;
    color: #008C50;
    right: 1em;
    top: 1em;
    background: transparent;
    border: none;
    font-size: 20px
}

.contato-page-container {
    margin-top: 23vh;
    background: #ccc
}

@media screen and (max-width: 768px) {
    .contato-page-container {
        margin-top: 13vh
    }
}

.contato-page-container h1 {
    padding-top: 100px;
    color: #008C50
}

.contato-page-container h1,
.contato-page-container h2 {
    text-align: center
}

.contato-page-container h2 {
    padding-bottom: 50px;
    color: #008E36
}

@media screen and (max-width: 768px) {
    .contato-page-container h2 {
        margin-bottom: 25px
    }
}

.contato-page-container .contato-form {
    margin: 0 auto;
    padding-bottom: 10vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 20px
}

@media screen and (max-width: 768px) {
    .contato-page-container .contato-form {
        width: 90%;
        grid-gap: 10px
    }
}

.contato-page-container .contato-form input,
.contato-page-container .contato-form textarea,
.contato-page-container .contato-form .btn {
    border: none
}

.contato-page-container .contato-form input,
.contato-page-container .contato-form .btn {
    height: 7vh
}

.contato-page-container .contato-form textarea {
    height: 40vh;
    resize: none;
    padding-top: 1em;
    padding-bottom: 1em
}

.contato-page-container .contato-form input,
.contato-page-container .contato-form textarea {
    padding-left: 1em;
    padding-right: 1em
}

.contato-page-container .contato-form .btn {
    background: #008C50;
    color: #fff;
    cursor: pointer;
    font-weight: 700
}

.contato-page-container .contato-form .btn:hover {
    background: #95C11F
}

.endereco-container {
    display: grid;
    grid-template-rows: 125vh;
    grid-template-columns: repeat(2, 50%);
    margin-top: 23vh
}

@media screen and (max-width: 768px) {
    .endereco-container {
        margin-top: 13vh;
        grid-template-columns: 1fr;
        grid-template-rows: auto
    }
}

.endereco-container .mapa {
    width: 100%;
    border: none;
    height: 100%
}

@media screen and (max-width: 768px) {
    .endereco-container .mapa {
        height: 500px
    }
}

.endereco-container .info-lab {
    background: #008C50;
    padding: 10vh 5vw;
    box-sizing: border-box;
    color: #fff
}

@media screen and (max-width: 768px) {
    .endereco-container .info-lab {
        padding: 1em
    }
}

.endereco-container .info-lab h1,
.endereco-container .info-lab h2 {
    color: #95C11F
}

.endereco-container .info-lab h2 {
    margin-top: 30px
}

.endereco-container .info-lab p {
    margin: 5px 0
}

.endereco-container .info-lab h1 {
    padding-left: 5px;
    border-left: solid 4px #95C11F
}

.endereco-aside {
    height: 50vh;
    background: url("./assets/images/bg1.svg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    display: none
}

@media screen and (max-width: 768px) {
    .endereco-aside {
        height: 400px
    }
}

.endereco-aside .card {
    background-color: #11aa44;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='118' height='118' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%237F3' stroke-width='0.9' stroke-opacity='0.24'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E");
    color: #fff;
    padding: 1em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 25vh;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.endereco-aside .card:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22)
}

@media screen and (max-width: 768px) {
    .endereco-aside .card {
        position: relative;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 95%;
        box-sizing: border-box;
        min-height: 70%
    }
}

.endereco-aside .card h1 {
    font-size: 20px;
    text-align: center;
    padding-top: 10px
}

@media screen and (max-width: 768px) {
    .endereco-aside .card h1 {
        padding-top: 20px
    }
}

.endereco-aside .card a {
    color: inherit;
    text-decoration: none;
    background: transparent;
    border: solid 2px #fff;
    padding: 1em 3em;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-60%, -50%);
    font-weight: 700;
    font-family: 'Montserrat', serif
}

.endereco-aside .card a:hover {
    border-color: #EF7F1A;
    color: #fff;
    background: #EF7F1A
}

@media screen and (max-width: 768px) {
    .endereco-aside .card a {
        top: 75%;
        left: 50%;
        transform: translate(-50%, -75%)
    }
}

.duvidas-container {
    margin-top: 13vh;
    padding: 10vh 1em;
    background: url("./assets/images/bg2.svg") center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-sizing: border-box
}

.duvidas-container h1,
.duvidas-container h2 {
    color: #fff;
    text-align: center
}

.duvidas-container h2 {
    margin-bottom: 40px
}

.duvidas-container .listafaq {
    background: #fff;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px
}

@media screen and (max-width: 768px) {
    .duvidas-container .listafaq {
        width: calc(100% - 2em);
        font-size: 16px;
        line-height: 24px
    }
}

.duvidas-container .listafaq dt {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    position: relative;
    font-weight: 500
}

.duvidas-container .listafaq dt:hover {
    background: #e6e6e5
}

.duvidas-container .listafaq dt .ico {
    position: absolute;
    right: 1em;
    top: calc(1em + 10px);
    color: #008C50
}

@media screen and (max-width: 768px) {
    .duvidas-container .listafaq dt {
        padding-right: 3em
    }
}

.duvidas-container .listafaq dt .numfaq {
    color: #008C50;
    font-weight: 700
}

.duvidas-container .listafaq dt.active {
    background: #e6e6e5
}

.duvidas-container .listafaq dd.hidden {
    display: none;
    background: #e6e6e5
}

.duvidas-container .listafaq dd {
    margin-left: 0;
    padding-left: 40px;
    padding-bottom: 20px;
    font-weight: 400;
    color: #70706F
}

@media screen and (max-width: 768px) {
    .duvidas-container .listafaq dd {
        padding-right: 3em
    }
}

.admin-container {
    margin-top: 23vh;
    background: #3AAA35;
    padding: 5vh 10vw;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 3fr 6fr;
    grid-gap: 5vw
}

@media screen and (max-width: 768px) {
    .admin-container {
        margin-top: 13vh;
        padding: 20px 10px
    }
}

.admin-container .form-cadastro {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    padding: 15px 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, 13vh);
    max-height: 65vh
}

.admin-container .form-cadastro:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    transition-duration: .5s
}

.admin-container .form-cadastro h1 {
    font-size: 24px;
    text-align: center
}

.admin-container .form-cadastro fieldset {
    display: flex;
    flex-flow: column;
    border: 0
}

.admin-container .form-cadastro fieldset label {
    margin-bottom: 7px
}

.admin-container .form-cadastro fieldset input {
    line-height: 32px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: solid 1px
}

.admin-container .form-cadastro button {
    background: #008C50;
    color: #fff;
    font-weight: 700;
    width: 60%;
    height: 70%;
    margin: auto
}

.admin-container .field-exames .bd-message {
    padding: 5px 10px;
    margin-bottom: 10px
}

.admin-container .field-exames .bd-message.success {
    background: #95C11F;
    color: #008C50;
    border: solid 1px #008C50
}

.admin-container .field-exames .bd-message.error {
    background: #EC6A5A;
    color: #E53924;
    border: solid 1px #E53924
}

.admin-container .field-exames .lista-exames {
    background: #fff;
    width: 100%
}

.admin-container .field-exames .lista-exames thead form {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 9fr 1fr
}

.admin-container .field-exames .lista-exames tbody tr:hover {
    background: #B3B3B2
}

.admin-container .field-exames .lista-exames tbody tr td form button {
    background: #EC6A5A;
    width: 100%;
    border: 0;
    height: 5vh
}

/* contato.php */

.mensagem-alerta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
    margin-bottom: 1em;
    border: 1px solid;
    border-radius: 5px;
}

.mensagem-alerta.sucesso {
    background-color: #d4edda;
    color: #155724;
    border-color: #c3e6cb;
}

.mensagem-alerta.erro {
    background-color: #f8d7da;
    color: #721c24;
    border-color: #f5c6cb;
}

.mensagem-alerta button {
    background: none;
    border: none;
    color: inherit;
    font-size: 1.2em;
    cursor: pointer;
}

/* admin.php */
.bd-message {
    padding: 10px;
    margin-top: 10px;
    border-radius: 5px;
}

.bd-message.success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.bd-message.error {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.btn-delete {
    background-color: #dc3545;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer;
}

/* Estilo para o formulário de edição */
.form-edicao {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    margin-top: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.form-edicao h1 {
    font-size: 24px;
    margin-bottom: 20px;
    color: #333;
}

.form-edicao fieldset {
    border: none;
    margin-bottom: 15px;
    padding: 0;
}

.form-edicao label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #555;
}

.form-edicao input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
}

.form-edicao button.btn-submit {
    background-color: #28a745;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
    border-radius: 4px;
    cursor: pointer;
}

.form-edicao button.btn-submit:hover {
    background-color: #218838;
}

.form-edicao a.btn-cancel {
    background-color: #dc3545;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: 10px;
    border-radius: 4px;
}

.form-edicao a.btn-cancel:hover {
    background-color: #c82333;
}

/* Estilo para o botão de logout */
.btn-logout {
    background-color: #dc3545;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block;
}

.btn-logout:hover {
    background-color: #c82333;
}


/* Estilização da página de login */
.login-body {
    font-family: Arial, sans-serif;
    background-color: #f0f2f5;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
}

.login-container {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 300px;
    text-align: center;
}

.login-container img.logo {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.login-container h1 {
    margin-bottom: 20px;
    color: #333333;
}

.login-container input[type="text"],
.login-container input[type="password"] {
    width: calc(100% - 20px);
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.login-container button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    margin-top: 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
}

.login-container button:hover {
    background-color: #45a049;
}

.error {
    color: red;
    margin-top: 10px;
}

/* navbar.php */
/* Estilo para os links do menu */
.list-menu {
    display: flex;
    background: rgb(255, 255, 255);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    padding-left: 30px;
    padding-right: 30px;
    margin: 0;
}


.list-menu li {
    position: relative;
}

.list-menu li a {
    display: block;
    padding: 20px 20px;
    color: #000;
    /* Cor do texto padrão */
    text-decoration: none;
    /* Remove sublinhado do texto */
    height: 100%;
    /* Garante que o link tenha 100% da altura do item da lista */
}

.list-menu li a:hover {
    background-color: #45a049;
    /* Cor de fundo ao passar o mouse */
    color: #000;
    /* Cor do texto ao passar o mouse */
}

/* Dropdown menu na navbar */
.menu .dropdown {
    position: relative;
}

.menu .dropdown .dropdown-toggle {
    cursor: pointer;
    display: block;
    padding: 10px 15px;
    color: inherit;
    text-decoration: none;
}

.menu .dropdown .submenu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    min-width: 180px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu .dropdown:hover .submenu {
    display: block;
}

.menu .dropdown .submenu li a {
    display: block;
    padding: 10px 15px;
    color: #008C50;
    text-decoration: none;
    white-space: nowrap;
}

.menu .dropdown .submenu li a:hover {
    background: #f0f0f0;
    color: #008E36;
}