/* 
    Created on : 01 de dez. de 2025, 14:22:34
    Author     : tiago
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

@font-face {
    font-family: "Visby";
    src: url("../font/VisbyRegular.otf") format("opentype");
}

@font-face {
    font-family: "RoxboroughCF";
    src: url("../font/RoxboroughCF.ttf") format("truetype");
}

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --font-default: "Visby", sans-serif;
    --font-primary: "RoxboroughCF", serif;
    --font-alternative: "Inter", sans-serif;

    --color-default: #A7C08E;
    --color-primary: #558423;
    --color-secondary: #0F140E;
    --color-alternative: #F4AD00;
}

body {
    overflow-x: hidden;
    background-color: #fff;
    font-family: var(--font-default);
}

p {
    margin-bottom: 0px;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {
    background-image: url("../image/hero-header.png");
    background-size: cover;
    /* min-height: 809px; */
}

header .container {
    max-width: 1114px;
    margin: auto;
}

header h1 {
    font-family: var(--font-primary);
    color: #fff;
    font-size: 70px;
    max-width: 600px;
}

header p {
    font-size: 26px;
    line-height: normal;
    max-width: 610px;
    margin-bottom: 29px;
}

header .btn {
    background-color: var(--color-alternative);
    padding: 16px 24px 16px;

}

header .btn:hover {
    background-color: var(--color-alternative);
}

header .btn a {
    font-family: var(--font-alternative);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    line-height: normal;
}

header img {
    margin-top: 78px;
    margin-bottom: 78px;
}

@media (max-width: 768px) {

    header {
        background-image: url("../image/hero-header-mobile.png");
        background-size: cover;
        /* min-height: 809px; */
    }

    header .container {
        max-width: 343px;
        margin: auto;
    }

    header h1 {
        font-size: 31px;
        max-width: 600px;
        margin-top: 75px;
    }

    header p {
        font-size: 18px;
        line-height: 28px;
        max-width: 236px;
        margin-bottom: 29px;
        color: #fff;
    }

    header .btn {
        padding: 11px 18px 12px;
        margin-bottom: 50px;

    }

    header .btn:hover {
        background-color: var(--color-alternative);
    }

    header .btn a {
        font-size: 13px;
    }

}

/*--------------------------------------------------------------
# Sobre
--------------------------------------------------------------*/

#sobre {
    background-image: url("../image/bg-sobre.png");
    background-size: cover;
    padding-top: 76px;
}

#sobre .container {
    max-width: 1195px;
    margin: auto;
}

#sobre img {
    max-width: 456px;
    margin-right: 75px;
}

#sobre h2 {
    font-family: var(--font-primary);
    font-size: 77px;
    line-height: 97px;
    font-weight: 700;
}

#sobre .box {
    background-color: var(--color-default);
    padding: 6px 9px;
    border-radius: 12px;
    margin-top: 35px;
    margin-bottom: 10px;
    max-width: 604px;
}

#sobre .box p {
    font-size: 27px;
    color: #fff;
    max-width: 432px;
    margin-top: 0px;
}

#sobre p {
    font-size: 24px;
    line-height: 30px;
    margin-top: 25px;
    max-width: 585px;
}

@media (max-width: 768px) {
    #sobre {
        background-image: none;
        background-size: cover;
        padding-top: 39px;
    }

    #sobre img {
        max-width: 100%;
        padding: 19px 45px 26px;
        margin: auto;

    }

    #sobre h2 {
        font-size: 30px;
        line-height: 37px;
        padding-left: 16px;
    }

    #sobre .box {
        padding: 15px 9px;
        border-radius: 7px;
        max-width: 310px;
        margin: auto;
        text-align: center;
    }

    #sobre .col-md-7 {
        margin-top: 0px;
    }

    #sobre .box p {
        font-size: 19px;
        line-height: 17px;
        color: #fff;
        max-width: 292px;
        margin: auto;
        margin-top: 0px;
        padding: 0px;
    }

    #sobre p {
        font-size: 22px;
        line-height: 28px;
        margin-top: 25px;
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*--------------------------------------------------------------
# Sobre
--------------------------------------------------------------*/

#formacao {
    margin-top: 62px;
}

#formacao .container {
    max-width: 1195px;
    /* margin: auto; */
}

#formacao .box {
    max-width: 1132px;
    background-color: #528022;
    border-radius: 12px;
    padding-top: 9px;
}

#formacao .box .title {
    padding-left: 43px;
}

#formacao .box h2 {
    font-size: 56px;
    font-family: var(--font-primary);
    font-weight: 600;
    color: #fff;
}

#formacao .body {
    background-color: #ffecbd;
    padding-left: 43px;
    border-radius: 12px;
    padding-bottom: 30px;
}

#formacao .body p {
    font-size: 24.5px;
    line-height: 30px;
    margin-top: 15px;
    font-weight: 500;
    max-width: 616px;
}

#formacao .body p span {
    color: #528022;
    font-weight: 600;
}


@media (max-width: 768px) {

    #formacao {
        margin-top: 40px;
    }

    #formacao .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    #formacao .box {
        padding-top: 9px;
    }

    #formacao .box .title {
        padding-left: 0px;
    }

    #formacao .box h2 {
        font-size: 30px;
        text-align: center;
    }

    #formacao .body {
        padding-left: 15px;
        padding-bottom: 20px;
    }

    #formacao .body p {
        font-size: 20px;
        line-height: 27px;
        margin-top: 15px;
        font-weight: 500;
        max-width: 616px;
    }

    #formacao .body p span {
        color: #528022;
        font-weight: 600;
    }

    #formacao .body img {
        max-width: 92px;
        text-align: center;
        display: block;
        margin: auto;
        margin-top: 12px;
    }
}

/*--------------------------------------------------------------
# Nosso Espaço
--------------------------------------------------------------*/

#nosso-espaco {
    margin-top: 40px;
}

#nosso-espaco h2 {
    font-size: 60px;
    font-family: var(--font-primary);
    text-align: center;
    max-width: 765px;
    margin: auto;
}

#nosso-espaco .card {
    border: none !important;
}

#nosso-espaco .card-img-overlay {
    position: absolute;
    top: 40%;
    right: 0;
    bottom: 0;
    left: 45%;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}

#nosso-espaco .image-content {
    max-width: 932px;
    margin: auto;
}

#nosso-espaco .btn {
    background-color: var(--color-alternative);
    padding: 16px 24px 14px;
    margin: auto;
    margin-top: 39px;
    margin-bottom: 64px;
}

#nosso-espaco .btn:hover {
    background-color: var(--color-alternative);
}

#nosso-espaco .btn a {
    font-family: var(--font-alternative);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    line-height: normal;
}

@media (max-width: 768px) {

    #nosso-espaco {
        margin-top: 32px;
    }

    #nosso-espaco h2 {
        font-size: 27px;
        max-width: 343px;
        margin: auto;
        font-weight: 500;
        line-height: 30px;
    }

    #nosso-espaco .card {
        border: none !important;
    }

    #nosso-espaco .card-img-overlay {
        position: absolute;
        top: 25%;
        right: 0;
        bottom: 0;
        left: 37%;
        padding: 1rem;
        border-radius: calc(0.25rem - 1px);
    }

    #nosso-espaco .image-content {
        max-width: 932px;
        margin: auto;
    }

    #nosso-espaco .icone-play {
        width: 64px;
    }

    #nosso-espaco .btn {
        background-color: var(--color-alternative);
        padding: 12px 19px 10px;
        margin: auto;
        margin-top: 30px;
        margin-bottom: 26px;
    }


    #nosso-espaco .btn a {
        font-size: 16px;
    }

}

/*--------------------------------------------------------------
# Nosso Espaço
--------------------------------------------------------------*/

#tratamentos {
    background-image: url("../image/bg-tratamentos.png");
    background-size: cover;
}

#tratamentos .container {
    max-width: 1270px !important;
    margin: auto;
}

#tratamentos h2 {
    font-size: 58px;
    font-family: var(--font-primary);
    color: #fff;
    text-align: center;
    max-width: 678px;
    margin: auto;
    padding-top: 63px;
    margin-bottom: 73px;
}

#tratamentos h2 span {
    color: var(--color-primary);
}

#owl-tratamentos .item {
    background-color: #fff;
    padding: 39px 44px 50px;
    border-radius: 40px;
    min-height: 349px;
    margin-bottom: 31px;
}

#owl-tratamentos .item .card-img-top {
    max-width: 53px;
    margin-bottom: 32px;
}

#owl-tratamentos .card {
    border: none;
}

#owl-tratamentos .card-body {
    padding: 0px;
}

#owl-tratamentos .card h2 {
    font-size: 28px;
    color: #101828;
    font-family: var(--font-default);
    margin-bottom: 12px;
    text-align: left;
    padding-top: 0px;
    font-weight: 600;
}

#owl-tratamentos .card p {
    font-size: 16px;
    color: #475467;
    line-height: 24px;
}

#gerontologia .item {
    background-color: #fff;
    padding: 39px 0px 0px;
    border-radius: 40px;
    min-height: 306px;
    max-width: 706px;
    margin: auto;
    margin-top: 31px;
}

#gerontologia .item .card-img-top {
    max-width: 53px;
    margin-bottom: 17px;
}

#gerontologia .card {
    border: none;
    padding: 0px 44px 10px;

}

#gerontologia .card-title {
    padding: 0px 44px;
}

#gerontologia .card-body {
    padding: 0px;
    margin-top: 40px;
}

#gerontologia h2 {
    font-size: 28px;
    color: #101828;
    font-family: var(--font-default);
    margin-bottom: 12px;
    text-align: left;
    padding-top: 0px;
    font-weight: 600;
    max-width: 292px;
    margin-left: 0px;
}

#gerontologia .card p {
    font-size: 18px;
    color: #232426;
    line-height: 24px;
    margin-bottom: 28px;
}

#gerontologia .card-footer {
    text-align: center;
    background-color: #80926F;
    border-radius: 0px 0px 40px 40px;
}

#gerontologia .card-footer p {
    font-size: 21px;
    line-height: 38px;
    font-weight: 500;
    color: #101828;
}

#tratamentos .btn {
    background-color: var(--color-alternative);
    padding: 16px 24px 14px;
    margin: auto;
    margin-top: 39px;
    margin-bottom: 64px;
}

#tratamentos .btn:hover {
    background-color: var(--color-alternative);
}

#tratamentos .btn a {
    font-family: var(--font-alternative);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    line-height: normal;
}

#owl-tratamentos .item-gerontologia {
    max-height: 12px !important;
    height: auto;
    margin-top: 0px;
}

@media (max-width: 768px) {
    #tratamentos {
        background-image: url("../image/bg-tratamentos.png");
        background-size: cover;
    }

    #tratamentos .container {
        max-width: 100% !important;
        margin: auto;
    }

    #tratamentos h2 {
        font-size: 31px;
        line-height: 106%;
        padding-top: 34px;
        margin-bottom: 43px;
    }

    #tratamentos .card-footer {
        background-color: #80926F;
        padding: 0px;
        margin-top: 12px;
        min-width: 289px;
        border-radius: 0px 0px 30px 30px;
        margin-left: -33px;
        bottom: 0px;

    }

    #tratamentos .card-footer p {
        text-align: center;
        font-size: 16px;
        font-weight: 600;
        padding: 3.8px 0px;
    }

    #owl-tratamentos {
        padding: 0px;
    }

    #owl-tratamentos .item {
        padding: 29px 33px;
        border-radius: 30px;
        max-height: 250px;
        min-height: 240px;
        margin-bottom: 31px;
        max-width: 289px;
        margin: auto;
        margin-top: 20px;
    }

    #owl-tratamentos .active .item {
        min-height: 287px;
        margin-top: 0px;
    }

    #owl-tratamentos .item-gerontologia .card-body {
        max-height: 100px;
    }

    #owl-tratamentos .item-gerontologia .card-footer {
        display: none;
    }

    #owl-tratamentos .active .item-gerontologia .card-footer {
        display: block;
    }

    #owl-tratamentos .active .item-gerontologia .card-body {
        max-height: 1000px;
    }


    #owl-tratamentos .active .item-gerontologia {
        min-height: 382px;
        height: auto;
        margin-top: 0px;
    }

    #owl-tratamentos .item .card-img-top {
        max-width: 38px;
        margin-bottom: 25px;
    }

    #owl-tratamentos .card-body {
        padding: 0px;
    }

    #owl-tratamentos .card h2 {
        font-size: 22px;
        color: #101828;
        font-family: var(--font-default);
        margin-bottom: 12px;
        text-align: left;
        padding-top: 0px;
        font-weight: 600;
    }

    #owl-tratamentos .card p {
        font-size: 13px;
        color: #475467;
        line-height: 24px;
    }

    #owl-tratamentos .owl-nav {
        display: none;
    }

    #owl-tratamentos .owl-dots {
        margin-top: 240px;
        text-align: center;
        margin: auto;
    }


    #owl-tratamentos .owl-dot {
        width: 12px;
        height: 12px;
        background-color: #606060 !important;
        border-radius: 50%;
        margin: 25px 5px !important;
    }

    #owl-tratamentos .owl-dot.active {
        background-color: #ccc !important;
    }

    #tratamentos .btn {
        background-color: var(--color-alternative);
        padding: 16px 24px 14px;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 64px;
    }

    #tratamentos .btn:hover {
        background-color: var(--color-alternative);
    }

    #tratamentos .btn a {
        font-family: var(--font-alternative);
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 4px;
        line-height: normal;
    }
}

/*--------------------------------------------------------------
# beneficios
--------------------------------------------------------------*/

#beneficios {
    background-color: #A7C08E;
}

#beneficios h2 {
    font-size: 58px;
    font-family: var(--font-primary);
    text-align: center;
    color: #fff;
    margin-bottom: 63px;
}

#beneficios .container {
    max-width: 1171px;
    margin: auto;
}

#beneficios .item {
    background-color: var(--color-primary);
    padding: 14px 16px;
    border-radius: 12px;
    min-height: 299px;
}

#beneficios .card {
    background-color: var(--color-primary);
    border: none;
}

#beneficios .item h3 {
    font-size: 115px;
    font-family: var(--font-primary);
    color: #fff;
    text-align: center;
}

#beneficios .item .card-text {
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 31px;
    font-weight: 500;
}

#beneficios .btn {
    background-color: var(--color-alternative);
    padding: 16px 24px 14px;
    margin: auto;
    margin-top: 39px;
    margin-bottom: 64px;
}

#beneficios .btn:hover {
    background-color: var(--color-alternative);
}

#beneficios .btn a {
    font-family: var(--font-alternative);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 4px;
    line-height: normal;
}

@media (max-width: 768px) {

    #beneficios {
        background-color: #A7C08E;
    }

    #beneficios h2 {
        font-size: 36px;
        margin-bottom: 64px;
    }

    #beneficios .container {
        max-width: 1171px;
        margin: auto;
    }

    #beneficios .item {
        background-color: var(--color-primary);
        padding: 14px 16px;
        border-radius: 12px;
        min-height: 299px;
        max-width: 195px;
        margin: auto;
    }

    #beneficios .card {
        background-color: var(--color-primary);
        border: none;
    }

    #beneficios .item h3 {
        font-size: 110px;
        font-family: var(--font-primary);
        color: #fff;
        text-align: center;
    }

    #beneficios .item .card-text {
        font-size: 24px;
        color: #fff;
        text-align: center;
        line-height: 30px;
        font-weight: 600;
    }

    #beneficios .item .card-body {
        padding-top: 0px;
    }

    #beneficios .btn {
        background-color: var(--color-alternative);
        padding: 12px 18px 10px;
        margin: auto;
        margin-top: 19px;
        margin-bottom: 25px;
    }

    #beneficios .btn:hover {
        background-color: var(--color-alternative);
    }

    #beneficios .btn a {
        font-family: var(--font-alternative);
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        border-radius: 4px;
        line-height: 23px;
    }

    #owl-beneficios .owl-nav {
        display: none;
    }

    #owl-beneficios .owl-dots {
        margin-top: 240px;
        text-align: center;
        margin: auto;
    }


    #owl-beneficios .owl-dot {
        width: 12px;
        height: 12px;
        background-color: #606060 !important;
        border-radius: 50%;
        margin: 25px 5px !important;
    }

    #owl-beneficios .owl-dot.active {
        background-color: #ccc !important;
    }

}

/*--------------------------------------------------------------
# depoimentos
--------------------------------------------------------------*/

#depoimentos {
    background-color: #0F140E;
    padding-bottom: 40px;
}

#depoimentos h2 {
    font-size: 70px;
    font-family: var(--font-primary);
    color: #81a167;
    text-align: center;
    padding-top: 27px;
    padding-bottom: 25px;
}

#depoimentos hr {
    height: 4px;
    background-color: #81a167;
    border: none;
    max-width: 978px;
    margin: auto;
    margin-bottom: 27px;
    opacity: 1;
}

#depoimentos .container-fluid {
    max-width: 1680px;
    margin: auto;
}

#owl-depoimentos .item {
    max-width: 602px;
    margin: auto;
}

#depoimentos .depoimentos {
    margin-top: 29px;
    margin-bottom: 29px;
}

#depoimentos .box {
    background-color: #fff;
    border-radius: 32px;
    padding: 11px 26px 11px 38px;
    min-height: 338px;
    max-width: 512px;
}

#owl-depoimentos .item .box img {
    width: auto;
}

#depoimentos .box h3 {
    font-size: 16.6px;
    margin-top: 18px;
    max-width: 179px;
    font-weight: 500;
    color: #000;
    font-family: var(--font-alternative);
}

#depoimentos .box p {
    font-size: 13.5px;
    font-family: var(--font-alternative);
    line-height: 19.6px;
    margin-bottom: 19.6px;
    color: #363636;
    max-width: 221px;
}

#depoimentos .box .text-one {
    font-size: 15.55px;
}

#depoimentos .box .foto-perfil {
    margin-top: 61px;
}

#owl-depoimentos .owl-nav {
    display: none;
}

#owl-depoimentos .owl-dots {
    margin-top: 0px;
    text-align: center;
    margin: auto;
}


#owl-depoimentos .owl-dot {
    width: 12px;
    height: 12px;
    background-color: #606060 !important;
    border-radius: 50%;
    margin: 25px 5px 0px !important;
}

#owl-depoimentos .owl-dot.active {
    background-color: #ccc !important;
}

@media (max-width: 768px) {

    #depoimentos {
        background-color: #0F140E;
        padding-bottom: 40px;
    }

    #depoimentos h2 {
        font-size: 32px;
        padding-top: 26px;
        padding-bottom: 15px;
    }

    #depoimentos hr {
        height: 2px;
        max-width: 283px;
        margin: auto;
        margin-bottom: 24px;
        opacity: 1;
    }

    #depoimentos .container-fluid {
        max-width: 1680px;
        margin: auto;
    }

    #owl-depoimentos .item {
        max-width: 602px;
        margin: auto;
    }

    #depoimentos .depoimentos {
        margin-top: 29px;
        margin-bottom: 29px;
    }

    #depoimentos .box {
        background-color: #fff;
        border-radius: 19px;
        padding: 11px 16px 11px 23px;
        min-height: 260px;
        max-width: 512px;
    }

    #owl-depoimentos .item .box img {
        width: auto;
    }

    #depoimentos .box h3 {
        font-size: 13.6px;
        margin-top: 11px;
        max-width: 139px;
    }

    #depoimentos .box p {
        font-size: 10.5px;
        font-family: var(--font-alternative);
        line-height: 13.6px;
        margin-bottom: 19.6px;
        color: #363636;
        max-width: 221px;
    }

    #depoimentos .box .text-one {
        font-size: 13.55px;
    }

    #depoimentos .box .foto-perfil {
        margin-top: 61px;
    }

    #owl-depoimentos .owl-nav {
        display: none;
    }

    #owl-depoimentos .owl-dots {
        margin-top: 0px;
        text-align: center;
        margin: auto;
    }


    #owl-depoimentos .owl-dot {
        width: 12px;
        height: 12px;
        background-color: #606060 !important;
        border-radius: 50%;
        margin: 25px 5px 0px !important;
    }

    #owl-depoimentos .owl-dot.active {
        background-color: #ccc !important;
    }

}

/*--------------------------------------------------------------
# contato
--------------------------------------------------------------*/

#contato {
    background-image: url(../image/bg-contato.png);
    background-repeat: no-repeat;
    padding-top: 94px;
    padding-bottom: 95px;
}

#contato .container {
    max-width: 1280px;

}

#contato .box {
    background-color: #A7C08E;
    padding: 9px 46px 9px 20px;
    border-radius: 12px;
    max-width: 450px;
}

#contato .box p {
    font-size: 24.5px;
    line-height: 30px;
    font-weight: 500;
}

#contato .endereco a {
    text-decoration: none;
    color: #0F140E;
    font-size: 17.5px;
}

#contato .endereco p {
    color: #0F140E;
    font-size: 17.5px;

}

@media (max-width: 768px) {

    #contato {
        background-image: url(../image/bg-contato-mobile.png);
        background-repeat: no-repeat;
        padding-top: 25px;
        padding-bottom: 29px;
    }

    #contato .container {
        max-width: 1280px;

    }

    #contato .mapa {
        padding-left: 31px;
        padding-right: 31px;
    }

    #contato .box {
        background-color: #A7C08E;
        padding: 9px 46px 9px 20px;
        border-radius: 12px;
        max-width: 364px;
        margin: auto;
        margin-top: 36px;

    }

    #contato .box p {
        font-size: 17px;
        line-height: 22px;
        font-weight: 500;
    }

    #contato .endereco {
        max-width: 364px;
        margin: auto;
    }

}

/*--------------------------------------------------------------
# faq
--------------------------------------------------------------*/

#faq {
    background-color: #A7C08E;
    padding-top: 67px;
    padding-bottom: 67px;
}

#faq h2 {
    font-size: 75px;
    font-family: var(--font-primary);
}

#accordionFlushExample {
    margin-top: 40px;
}

#faq .accordion {
    border-color: #A7C08E !important;
    background-color: #A7C08E;
}

#faq .accordion-item {
    background-color: #A7C08E;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom: #0F140E 2px solid;

}

#faq .accordion-button {
    font-size: 20px;
    background-color: #A7C08E;
    /* border-bottom: #0F140E 2px solid; */
    box-shadow: none !important;
    font-family: var(--font-default);
}

#faq .accordion-button:not(.collapsed) {
    color: #0F140E;
    box-shadow: none !important;
}

#faq .accordion-body {
    background-color: #A7C08E;
    box-shadow: none !important;
    border: none !important;
}

#faq .accordion-button::after {
    background: url("../image/icons/icon-accordion-close.svg");
    background-repeat: no-repeat;
    width: 30.23px;
    height: 30.23px;
    margin-right: 0px;
}

#faq .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}


@media (max-width: 768px) {

    #faq {
        padding-top: 16px;
        padding-bottom: 67px;
    }

    #faq h2 {
        font-size: 34px;
    }

    #accordionFlushExample {
        margin-top: 40px;
    }

    #faq .accordion {
        border-color: #A7C08E !important;
        background-color: #A7C08E;
    }

    #faq .accordion-item {
        background-color: #A7C08E;
        margin-bottom: 10px;
        margin-top: 10px;
        border-bottom: #0F140E 2px solid;

    }

    #faq .accordion-button {
        font-size: 20px;
        background-color: #A7C08E;
        /* border-bottom: #0F140E 2px solid; */
        box-shadow: none !important;
        font-family: var(--font-default);
        padding-left: 0px;
        padding-right: 5px;
    }

    #faq .accordion-button:not(.collapsed) {
        color: #0F140E;
        box-shadow: none !important;
    }

    #faq .accordion-body {
        background-color: #A7C08E;
        box-shadow: none !important;
        border: none !important;
    }

    #faq .accordion-button::after {
        background: url("../image/icons/icon-accordion-close.svg");
        background-repeat: no-repeat;
        width: 30.23px;
        height: 30.23px;
        margin-right: 0px;
    }

    #faq .accordion-button:not(.collapsed)::after {
        transform: rotate(-180deg);
    }


}

/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/

footer {
    background-color: var(--color-secondary);
    padding-top: 15px;
    padding-bottom: 16px;
}

footer p {
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.whatsapp {
    position: fixed;
    width: 53px;
    height: 53px;
    bottom: 35px;
    right: 27px;
    /* background-color:#25d366; */
    /* color:#FFF; */
    /* border-radius:50px; */
    text-align: center;
    font-size: 30px;
    /* box-shadow: 1px 1px 2px #888; */
    z-index: 1000;
}

.whatsapp img {
    box-shadow: 1px 1px 2px #888;
}