.logo-icon {
    position: relative;
    width: 208px;
    height: 40px;
}
.experimente-grtis {
    position: relative;
    font-weight: 500;
}
.experimente-gratis {
    border-radius: 10px;
    background-color: #6c5ef7;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    padding: 8px 20px;
    align-items: center;
    justify-content: center;
}
.usuario-1-icon {
    position: relative;
    width: 24px;
    height: 24px;
    overflow: hidden;
    flex-shrink: 0;
}
.perfil {
    border-radius: 10px;
    background-color: #1bc5bd;
    overflow: hidden;
    padding: 8px;
    justify-content: center;
}
.botes,
.header,
.perfil {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.botes {
    justify-content: flex-start;
    gap: 15px;
}
.header {
    align-self: stretch;
    padding: 0 261px;
    justify-content: space-between;
}
.a-ponte,
.linha-1-child {
    position: relative;
}
.linha-1-child {
    width: 125px;
    height: 48px;
}
.linha-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
}
.voc-e-sua {
    position: relative;
    text-align: center;
}
.titulo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.minha-agenda {
    flex: 1;
    position: relative;
}
.boto,
.minha-agenda-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.boto {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    overflow: hidden;
    padding: 8px 20px;
    justify-content: center;
    font-size: 16px;
}
.minha-agenda-parent {
    align-self: stretch;
    padding: 0 20px;
    justify-content: space-between;
}
.b,
.dom {
    position: relative;
    line-height: 30px;
}
.dom {
    font-weight: 600;
}
.b {
    font-size: 18px;
}
.dia3,
.semana {
    display: flex;
    align-items: center;
}
.dia3 {
    border-radius: 40px;
    background-color: #fb3578;
    flex-direction: column;
    padding: 10px 6px;
    justify-content: center;
}
.semana {
    align-self: stretch;
    flex-direction: row;
    padding: 0 20px;
    justify-content: space-between;
    text-align: center;
    font-size: 16px;
}
.barra {
    border-radius: 20px;
    background-color: #6c5ef7;
    width: 5px;
}
.barra,
.div,
.reunio-de-equipe {
    align-self: stretch;
    position: relative;
}
.div {
    font-weight: 600;
}
.reunio-de-equipe {
    font-size: 14px;
}
.data-e-titulo {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.criado-por {
    font-weight: 500;
}
.bruno-nunes {
    font-weight: 600;
    color: #6c5ef7;
}
.criado-por-bruno-container {
    align-self: stretch;
    position: relative;
    font-size: 12px;
}
.infos {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.reuniao-infos,
.reunies {
    align-self: stretch;
    justify-content: flex-start;
}
.reuniao-infos {
    display: flex;
    flex-direction: row;
    padding: 0 20px;
    align-items: center;
    gap: 10px;
}
.reunies {
    flex-direction: column;
    gap: 20px;
}
.agenda,
.reunies,
.titulo1 {
    display: flex;
    align-items: flex-start;
}
.agenda {
    position: absolute;
    top: 5px;
    left: 640px;
    border-radius: 26px;
    background-color: #181c32;
    width: 440px;
    flex-direction: column;
    padding: 20px 0;
    box-sizing: border-box;
    justify-content: flex-start;
    gap: 20px;
}
.titulo1 {
    align-self: stretch;
    flex-direction: row;
    padding: 0 20px;
    justify-content: center;
}
.divisor {
    align-self: stretch;
    position: relative;
    border-radius: 30px;
    background-color: rgba(143, 157, 179, 0.4);
    height: 2px;
}
.foto-icon,
.foto-icon1 {
    position: relative;
    border-radius: 12px;
    width: 40px;
    height: 40px;
    object-fit: cover;
}
.foto-icon1 {
    margin-left: -20px;
}
.participantes {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.check-caixa-1-icon {
    position: relative;
    width: 30px;
    height: 30px;
    overflow: hidden;
    flex-shrink: 0;
}
.checklists,
.data {
    justify-content: flex-start;
    gap: 10px;
}
.checklists {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.data {
    color: #f64e60;
}
.cheklists-e-data,
.data,
.infos2 {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.cheklists-e-data {
    justify-content: flex-start;
    gap: 25px;
}
.infos2 {
    align-self: stretch;
    padding: 0 20px;
    justify-content: space-between;
    font-size: 18px;
    color: #1bc5bd;
}
.tarefa {
    position: absolute;
    top: 5px;
    left: 106px;
    border-radius: 26px;
    background-color: #181c32;
    width: 440px;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
}
.foto-icon3 {
    position: relative;
    border-radius: 12px;
    width: 60px;
    height: 60px;
    object-fit: cover;
}
.h-37-minutos {
    align-self: stretch;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    height: 23px;
    flex-shrink: 0;
}
.foto-titulo-e-descrio,
.titulo-e-descrio {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.titulo-e-descrio {
    flex: 1;
    flex-direction: column;
    gap: 7px;
}
.foto-titulo-e-descrio {
    align-self: stretch;
    flex-direction: row;
    padding: 0 20px;
    gap: 15px;
}
.gabriel-brasil {
    color: #6c5ef7;
}
.feliz-aniversrio-gabriel-container {
    align-self: stretch;
    position: relative;
    display: inline-block;
    height: 23px;
    flex-shrink: 0;
}
.chat-1-icon,
.descrio-e-foto-child {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.descrio-e-foto-child {
    align-self: stretch;
    border-radius: 30px;
    max-width: 100%;
    height: 225px;
    object-fit: cover;
}
.chat-1-icon {
    width: 20px;
    height: 20px;
}
.checklists1 {
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.aes,
.checklists1,
.descrio-e-foto,
.publicao {
    display: flex;
    justify-content: flex-start;
}
.aes {
    flex-direction: row;
    align-items: center;
    gap: 32px;
}
.descrio-e-foto,
.publicao {
    flex-direction: column;
    align-items: flex-start;
}
.descrio-e-foto {
    align-self: stretch;
    padding: 0 20px;
    gap: 10px;
    font-size: 14px;
}
.publicao {
    position: absolute;
    top: 180px;
    left: 0;
    border-radius: 26px;
    background-color: #181c32;
    width: 440px;
    padding: 20px 0;
    box-sizing: border-box;
    gap: 20px;
    font-size: 20px;
}
.homem-icon {
    position: absolute;
    top: 0;
    left: calc(50% - 344px);
    width: 631px;
    height: 628px;
    object-fit: cover;
}
.relogio-1-icon {
    position: relative;
    width: 17px;
    height: 17px;
    overflow: hidden;
    flex-shrink: 0;
}
.tempo {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}
.mensagem {
    position: absolute;
    top: 100px;
    left: 132px;
    border-radius: 20px;
    background-color: #181c32;
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    align-items: flex-end;
    justify-content: center;
}
.tempo1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    color: rgba(255, 255, 255, 0.6);
}
.mensagem1 {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
    background-color: #6c5ef7;
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
    align-items: flex-start;
    justify-content: center;
    color: #fff;
}
.chat {
    position: absolute;
    top: 418px;
    left: 609px;
    width: 440px;
    height: 180px;
    font-size: 16px;
    color: #8f9db3;
}
.imagem-e-blocos {
    position: relative;
    width: 1080px;
    height: 628px;
    font-size: 22px;
}
.banner {
    align-self: stretch;
    background-color: #0b0e20;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: 70px;
    font-size: 40px;
}
.imagem {
    flex: 1;
    border-radius: 40px;
    background-color: #d9d9d9;
}
.como-a-brigge,
.imagem,
.lorem-ipsum-dolor {
    align-self: stretch;
    position: relative;
}
.lorem-ipsum-dolor {
    font-size: 16px;
    line-height: 30px;
    color: #8f9db3;
}
.titulo-e-descio {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    font-size: 42px;
}
.frame-child {
    position: relative;
    border-radius: 6px;
    background-color: #6c5ef7;
    width: 30px;
    height: 30px;
}
.lorem-ipsum-dolor1 {
    position: relative;
    line-height: 30px;
    font-weight: 600;
}
.linha-11,
.rectangle-group,
.rectangle-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.rectangle-group,
.rectangle-parent {
    flex: 1;
    gap: 12px;
}
.linha-11 {
    align-self: stretch;
    gap: 30px;
}
.lorem-ipsum-dolor3 {
    position: relative;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    width: 285px;
    flex-shrink: 0;
}
.vantagens {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}
.boto3 {
    border-radius: 10px;
    background-color: #6c5ef7;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    padding: 8px 20px;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.imagem-e-infos,
.infos3 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.infos3 {
    flex: 1;
    flex-direction: column;
    gap: 40px;
}
.imagem-e-infos {
    align-self: stretch;
    flex-direction: row;
    padding: 0 261px;
    gap: 30px;
    color: #181c32;
}
.social1 {
    position: relative;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    width: 178px;
}
.social {
    flex: 1;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 3px 20px rgba(143, 143, 183, 0.16);
    display: flex;
    flex-direction: column;
    padding: 19px 20px;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
}
.nota-icon {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    flex-shrink: 0;
}
.primeira-linha,
.segunda-linha {
    width: 446px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 30px;
}
.ai-child {
    position: relative;
    border-radius: 10px;
    background-color: #6c5ef7;
    width: 40px;
    height: 40px;
}
.terceira-linha {
    width: 446px;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}
.icone-e-titulo,
.selects,
.terceira-linha {
    display: flex;
    justify-content: flex-start;
}
.selects {
    width: 446px;
    height: 399px;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
}
.icone-e-titulo {
    align-self: stretch;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.lorem-ipsum-dolor5 {
    align-self: stretch;
    position: relative;
    font-size: 14px;
    line-height: 27px;
}
.titulo-e-descrio1 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}
.prtico {
    position: relative;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    width: 190px;
    flex-shrink: 0;
}
.vantagens1 {
    width: 525px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 30px;
    font-size: 14px;
}
.infos4,
.modulos-do-sistema {
    display: flex;
    align-items: flex-start;
}
.infos4 {
    flex: 1;
    border-radius: 40px;
    height: 399px;
    flex-direction: column;
    padding: 40px;
    box-sizing: border-box;
    justify-content: space-between;
    background-image: url(../images/landing-page/infos@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    color: #fff;
}

.notas-background {
    background-image: url(../images/landing-page/config/notas.png) !important;
}

.agenda-background {
    background-image: url(../images/landing-page/config/agenda.png) !important;
}

.chat-background {
    background-image: url(../images/landing-page/config/chat.png) !important;
}

.social-background {
    background-image: url(../images/landing-page/config/social.png) !important;
}

.videochamadas-background {
    background-image: url(../images/landing-page/config/videochamadas.png) !important;
}

.modulos-do-sistema {
    align-self: stretch;
    flex-direction: row;
    padding: 0 261px;
    justify-content: flex-start;
    gap: 30px;
    font-size: 18px;
    color: #181c32;
}
.lorem-ipsum-dolor6,
.texto-que-o {
    position: relative;
    display: inline-block;
    width: 684px;
}
.lorem-ipsum-dolor6 {
    font-size: 16px;
    line-height: 30px;
}
.video {
    align-self: stretch;
    height: 1002px;
    display: flex;
    flex-direction: column;
    padding: 60px 261px;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 10px;
    background-image: url(../images/landing-page/video@3x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    font-size: 42px;
}
.imagine-entrar-em {
    align-self: stretch;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.7);
}
.ttulo-e-texto {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.beta1 {
    font-weight: 800;
}
.participar-do-beta-container {
    position: relative;
}
.boto4,
.ttulo-texto-e-boto {
    display: flex;
    justify-content: center;
}
.boto4 {
    border-radius: 10px;
    background-color: #6c5ef7;
    overflow: hidden;
    flex-direction: row;
    padding: 8px 20px;
    align-items: center;
    font-size: 16px;
}
.ttulo-texto-e-boto {
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    align-self: center;
}
.ilustracao-pessoas-icon {
    position: relative;
    width: 745px;
    height: 406px;
}
.beta,
.verso-beta {
    align-self: stretch;
    display: flex;
}
.beta {
    border-radius: 50px;
    background-color: #181c32;
    height: 313px;
    flex-direction: row;
    padding: 0 0 0 40px;
    box-sizing: border-box;
    align-items: flex-end;
    justify-content: space-between;
}
.verso-beta {
    flex-direction: column;
    padding: 0 261px;
    align-items: center;
    justify-content: flex-start;
    font-size: 42px;
}
.novidades-da-brigge {
    align-self: stretch;
    position: relative;
}
.titulo-e-texto {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 10px;
}
.boto5,
.infos5 {
    display: flex;
    flex-direction: row;
}
.boto5 {
    border-radius: 10px;
    background-color: #6c5ef7;
    overflow: hidden;
    padding: 8px 20px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
}
.infos5 {
    align-self: stretch;
    align-items: flex-end;
    justify-content: space-between;
}
.imagine-entrar-em1 {
    align-self: stretch;
    position: relative;
    font-size: 16px;
    line-height: 30px;
}
.comunicao,
.comunicao1 {
    align-self: stretch;
    flex: 1;
    border-radius: 50px;
    display: flex;
    flex-direction: column;
    padding: 40px;
    align-items: flex-start;
    justify-content: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.comunicao1 {
    background-image: url(../images/landing-page/comunicao1@3x.png);
}
.organizao-e-humanizao {
    flex: 1;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}
.blog,
.comunicao-organizao-e-huma,
.organizao-e-humanizao {
    align-self: stretch;
    display: flex;
    align-items: flex-start;
}
.comunicao-organizao-e-huma {
    height: 630px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 30px;
    font-size: 34px;
    color: #fff;
}
.blog {
    flex-direction: column;
    padding: 0 261px;
    justify-content: center;
    gap: 40px;
    font-size: 42px;
    color: #181c32;
}
.imagine-entrar-em4 {
    position: relative;
    line-height: 30px;
    display: inline-block;
    width: 446px;
}
.logo-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 20px;
}
.sistema {
    font-size: 18px;
    font-weight: 600;
    color: #6c5ef7;
}
.poltica-de-privacidade,
.sistema {
    position: relative;
    line-height: 30px;
}
.sistema-parent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.instagram-parent,
.nos-siga-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}
.nos-siga-parent {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    text-align: right;
    font-size: 18px;
    color: #6c5ef7;
}
.frame-parent,
.todos-os-direitos-reservados-parent {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}
.todos-os-direitos-reservados-parent {
    font-size: 12px;
}
.footer,
.header-parent {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.footer {
    align-self: stretch;
    background-color: #181c32;
    padding: 50px 261px 15px;
    align-items: flex-start;
    gap: 100px;
    color: rgba(255, 255, 255, 0.7);
}
.header-parent {
    position: relative;
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    align-items: center;
    gap: 220px;
    text-align: left;
    font-size: 16px;
    color: #fff;
    font-family: Poppins;
}
@media screen and (max-width: 1200px) {
    .header {
        padding-left: 120px;
        padding-top: 0;
        padding-right: 120px;
        box-sizing: border-box;
    }
    .lorem-ipsum-dolor1,
    .rectangle-parent {
        flex: 1;
    }
    .imagem-e-infos {
        padding-left: 120px;
        padding-right: 120px;
        box-sizing: border-box;
    }
    .primeira-linha,
    .segunda-linha,
    .selects,
    .terceira-linha {
        align-self: stretch;
        width: auto;
    }
    .vantagens1 {
        gap: 20px;
    }
    .infos4 {
        flex: unset;
        align-self: stretch;
    }
    .modulos-do-sistema,
    .video {
        padding-left: 120px;
        padding-right: 120px;
        box-sizing: border-box;
    }
    .modulos-do-sistema {
        flex-direction: column;
    }
    .video {
        padding-top: 60px;
    }
    .ilustracao-pessoas-icon {
        width: 460px;
        align-items: flex-end;
    }
    .beta {
        align-items: center;
        justify-content: space-between;
        gap: 0;
    }
    .blog,
    .footer,
    .verso-beta {
        padding-left: 120px;
        padding-right: 120px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 960px) {
    .imagem-e-blocos {
        display: none;
    }
    .banner {
        height: auto;
        padding-top: 180px;
        padding-bottom: 180px;
        box-sizing: border-box;
    }
    .imagem {
        display: none;
    }
    .imagem-e-infos {
        padding-left: 80px;
        padding-right: 80px;
        box-sizing: border-box;
    }
    .selects,
    .terceira-linha {
        align-self: stretch;
        width: auto;
    }
    .infos4 {
        flex: unset;
        align-self: stretch;
    }
    .modulos-do-sistema {
        flex-direction: column;
        padding: 10px !important;
        box-sizing: border-box;
    }
    .ilustracao-pessoas-icon {
        display: none;
        width: 300px;
    }
    .beta {
        padding-right: 40px;
        box-sizing: border-box;
    }
    .comunicao,
    .organizao-e-humanizao {
        flex: unset;
        align-self: stretch;
    }
    .organizao-e-humanizao {
        flex-direction: column;
    }
    .comunicao-organizao-e-huma {
        height: auto;
        flex-direction: column;
    }
    .footer {
        padding-left: 80px;
        padding-right: 80px;
        box-sizing: border-box;
    }
}
@media screen and (max-width: 420px) {
    .a-ponte {
        font-size: 32px;
    }
    .linha-1-child {
        width: 76px;
        height: 25px;
    }
    .linha-1 {
        flex-direction: row;
        gap: 0;
    }
    .voc-e-sua {
        font-size: 32px;
    }
    .banner {
        align-items: center;
        justify-content: center;
        padding-top: 80px;
        padding-bottom: 80px;
        box-sizing: border-box;
        height: 60vh;
    }
    .como-a-brigge {
        font-size: 26px;
    }
    .rectangle-group,
    .rectangle-parent {
        flex: unset;
        align-self: stretch;
    }
    .linha-11 {
        flex-direction: column;
    }
    .boto3 {
        border-radius: 10px !important;
        background-color: #6c5ef7 !important;
        overflow: hidden !important;
        flex-direction: row !important;
        padding: 8px 20px !important;
        align-items: center !important;
        align-self: stretch;
        width: auto;
    }

    .experimente-grtis {
        font-size: 16px !important;
    }

    .imagem-e-infos {
        padding-left: 40px;
        padding-top: 0;
        padding-right: 40px;
        box-sizing: border-box;
    }

    .imagem-e-infos, .infos3 {
        display: block !important;
    }

    .lorem-ipsum-dolor3 {
        width: 250px !important;
    }

    .vantagens {
        margin: 30px 0 30px 0;
    }

    .selects {
        height: auto;
        flex-direction: row;
    }
    .infos4,
    .vantagens1 {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .vantagens1 {
        flex-direction: column;
        gap: 10px;
    }
    .infos4 {
        height: auto;
        gap: 30px;
        padding: 20px;
        box-sizing: border-box;
    }
    .modulos-do-sistema {
        padding-left: 40px;
        padding-top: 0;
        padding-right: 40px;
        box-sizing: border-box;
    }
    .texto-que-o {
        font-size: 26px;
    }
    .lorem-ipsum-dolor6,
    .texto-que-o {
        align-self: stretch;
        width: auto;
    }
    .video {
        padding: 30px 120px 30px 40px;
        box-sizing: border-box;
    }
    .boto4 {
        align-self: stretch;
        width: auto;
    }
    .beta,
    .verso-beta {
        box-sizing: border-box;
    }
    .beta {
        height: auto;
        padding: 30px 20px;
        border-radius: 0px;
    }
    .verso-beta {
        padding-left: 0px;
        padding-right: 0px;
    }
    .titulo-e-texto {
        flex: unset;
        align-self: stretch;
    }
    .infos5 {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .blog {
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }
    .imagine-entrar-em4 {
        align-self: stretch;
        width: auto;
    }
    .nos-siga-parent {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .frame-parent {
        flex-direction: column;
        gap: 30px;
    }
    .footer {
        gap: 60px;
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }

    .header-parent {
        gap : 90px !important;
    }
}

.social-button.active {
    background-color: #FF7355;
    color: #fff;
}

.social-button.active svg path {
    fill: #fff;
}

.notas-button.active {
    background-color: #FFA800;
    color: #fff;
}

.notas-button.active.active svg path {
    fill: #fff;
}

.videochamada-button.active {
    background-color: #F64E60;
    color: #fff;
}

.videochamada-button.active svg path {
    fill: #fff;
}

.tarefas-button.active {
    background-color: #1BC5BD;
    color: #fff;
}

.tarefas-button.active svg path {
    fill: #fff;
}

.agenda-button.active {
    background-color: #FB3578;
    color: #fff;
}

.agenda-button.active svg path {
    fill: #fff;
}

.chat-button.active {
    background-color: #6C5EF7;
    color: #fff;
}

.chat-button.active svg path {
    fill: #fff;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: flex;
}

/* absolute gradient blog */
.gradient-blog {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* gradient mais pesado */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, #000000 100%);
    z-index: 1;
    border-radius: 30px;
}