.title-main {
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--color-main-dark);
    text-align: center;
}

.title-main.title-lg {
    font-size: 28px;
    line-height: 40px;
}

.title-main .text {
    font-size: 20px;
    font-weight: 500;
}

.title-main.title-lg .text {
    font-size: 24px;
}

.menu-link {
    cursor: pointer;
}

.site-text {
    background-image: url('../images/site-text-bg.jpg');
    background-position: top center;
    background-size: cover;
}

.site-text img {
    border-radius: 20px;
}

.site-text .title {
    font-size: 30px;
    line-height: 44px;
    color: var(--color-main-dark);
    font-weight: 800;

}

.site-text .text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

.site-text .image {
    max-width: 500px;
}

.vantagem {
    background-image: url('../images/site-text-bg-1.jpg');
    background-position: bottom center;
    background-size: cover;
}

.bg-gradient {
    background: radial-gradient(circle at center, rgba(206, 235, 232, 1) 0%, rgba(99, 198, 192, 1) 100%);
    transition: background-position 1s ease, background-size 1s ease;
    background-position: 80% 120%;
    background-size: 200% 200%;
}

.bg-gradient:hover {
    background-size: 150% 150%;
    background-position: center;
}

.caracteristica .box-text {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #054c5f;
    font-weight: 600;
    color: #054c5f;
}

.caracteristica .box-title {
    font-size: 22px;
    font-weight: 700;
}

.caracteristica img {
    width: 75% !important;
    border-radius: 30px;
}

.carencia .each .box {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.35);
}

.carencia .each .box-title {
    color: var(--color-main-dark);
    font-weight: 600;
    font-size: 18px;
}

.carencia .each .box-text {
    background-color: var(--color-main-dark);
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    display: inline-block;
    border-radius: 20px;
}

.carencia .picture img {
    object-fit: cover;
    aspect-ratio: 1.5;
    object-position: top center;
    border-radius: 40px;
}

#text-maior-legado {
    background-image: url('../images/site-text-legado-25.jpg');
    background-position: bottom left;
    background-size: cover;
    min-height: 400px;
    color: #000;
    text-align: center;
}

#text-maior-legado .title {
    font-size: 34px;
    line-height: 46px;
    font-weight: 800;
}

#text-maior-legado .text {
    font-size: 20px;
    font-weight: 500;
}

#text-comece-a-cuidar {
    color: var(--color-main-dark);
    text-align: center;
}

#text-comece-a-cuidar .title {
    font-size: 36px;
    line-height: 44px;
    color: var(--color-main-dark);
    font-weight: 800;
}

#text-comece-a-cuidar .text {
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}

#text-comece-a-cuidar img {
    border-radius: 30px;
    max-width: 400px;
}

#text-comece-a-cuidar.bg {
    background-color: #96d8d3;
    background-image: url('../images/bg-flower.png');
    background-repeat: no-repeat;
    transition: background-position .5s ease, background-size .5s ease;
    background-position: 80% 120%;
    background-size: auto 125%;
}

#text-comece-a-cuidar.bg:hover {
    background-size: auto 150%;
    background-position: 80% 120%;
}

#faq {
    background-image: url('../images/bg-faq.jpg');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 400px;
    color: #000;
    text-align: center;
}

#faq .inside {
    margin: 0 auto;
    max-width: 800px;
}

#faq-list i {
    font-size: 28px;
    line-height: 28px;
}

#faq-list .card {
    border-radius: 20px;
    background-color: #bae8e4ff;
    color: #01171eff
}

#faq-list .card-header {
    color: #fff;
    background-color: #054c5f;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    border-radius: 20px;
}

#faq-list .card-body {
    text-align: left;
    font-size: 18px;
    font-weight: 500;
}

footer {
    background-color: #131819;
    color: #eee;
    border-top: 4px solid #262424;
}

footer a {
    color: #eee;
}

footer a:hover {
    color: #fff;
}

#dev {
    background-color: #0b272e;
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff;
}

.mm-wrapper__blocker {
    z-index: 11;
}

body {
    padding-top: 81px;
}