@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root {
    --primary-color: #f6bf1c;
    --secondary-color: #5c34e6;
    --terceary-color: #ff1b5f;
    --gray-color: #F2F2F2;
    --background-color: #f8f8f8;
    --white-color: #FFFFFF;
    --black-color: #232323;
}

/* default */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

body {
    background-color: var(--background-color);
}

figure {
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    transition: .3s;
    text-decoration: none;
}


a.manifesto {
    margin-top: 40px;
    color: var(--black-color);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    line-height: 15px;
}

.itens {
    height: 500px;
    margin-inline: auto;
    width: 100%;
    object-fit: contain;
    margin-top: 40px;
}

a.manifesto i {
    color: var(--primary-color);
    font-size: 40px;
}

a:hover {
    color: var(--primary-color);
}

.uppercase {
    text-transform: uppercase;
}


a.whatsapp_container {
    width: 4rem;
    height: 4rem;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 97;
    border-radius: 50%;
    background-color: #25d366;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--white-color);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

a.whatsapp_container:hover {
    background-color: var(--white-color);
}

a.whatsapp_container i {
    color: var(--white-color);
    font-size: 2.3rem;
    line-height: 100%;
}

a.whatsapp_container:hover i {
    color: #25d366;
}

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

p,
.t-p {
    font-size: 14px;
    line-height: 30px;
}

.t-p.max,
.t-p.max p {
    font-size: 16px;
    line-height: 30px;
}

.t-p.min,
.t-p.min p {
    font-size: 12px;
    line-height: 22px;
}

.t-p.min.lh {
    line-height: 34px;
}

.t-p.lil {
    font-size: 12px;
    line-height: 26px;
}

.t-h1.max {
    font-size: 100px;
    line-height: 95px;
    font-weight: 200;
}

.t-h1.max b {
    font-weight: 700;
}

.t-h1 {
    font-size: 80px;
    line-height: 80px;
}

.t-h1 span {
    color: var(--primary-color);
}

.t-h1.min,
.t-h1.min p {
    font-size: 60px;
    line-height: 75px;
}


.t-h2.max {
    font-size: 50px;
    line-height: 80px;
    font-weight: 600;
}

.t-h2.maxx {
    font-size: 70px;
    line-height: 80px;
}

.t-h2,
.t-h2 p {
    font-size: 45px;
    line-height: 55px;
    font-weight: 600;
}

.t-h2.min {
    font-size: 35px;
    line-height: 45px;
}

.t-h2.lil {
    font-weight: 200;
}

.titulo-post {
    font-size: 45px;
    line-height: 55px;
    font-weight: 200;
}

.titulo-post b {
    font-weight: 700;
}

.t-h3 {
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
}

.t-h4 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 600;
}

.t-h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}

.bg-white {
    background-color: var(--white-color) !important;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.linha-saiba-mais {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 100px;
}

.linha-saiba-mais span {
    width: 100%;
    height: 2px;
    background-color: var(--white-color);
}

.linha-saiba-mais .btn-saiba-mais {
    width: 220px;
}

.linha-saiba-mais.na-pratica span {
    background-color: #707070;
}

.card-numeros {
    background-color: var(--secondary-color);
    color: var(--white-color);
    padding: 50px;
    border-radius: 20px;
    box-shadow: 15px 20px 20px #2d115533;
    display: flex;
    position: absolute;
    width: 100%;
    top: -80px;
    z-index: 20;
    bottom: -120px;
}

.card-numeros .nr {
    border-right: 1px solid rgb(255, 255, 255, .3);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-numeros .nr:last-of-type {
    border-right: none;
}

.card-numeros .icon {
    height: 20px;
}

.linha-saiba-mais.home span {
    background-color: #707070;
}

.linha-saiba-mais.home {
    margin-top: 0;
}

.img-phone {
    position: absolute;
    bottom: 120px;
    z-index: 2;
    height: 660px;
}

.max-text-300 {
    max-width: 300px;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
}

.c-white {
    color: var(--white-color);
}

.t-h5 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

.t-h6 {
    font-size: 14px;
    line-height: 18px;
    /* 500 */
    /* espaçamento entre as letras
     */
    letter-spacing: 5px;
}

.t-h6 img {
    margin-right: 20px;
}

.bold,
.bold p {
    font-weight: 700 !important;
}

.medium,
.medium p {
    font-weight: 500 !important;
}

.lil,
.lil p {
    font-weight: 300;
}

.lil b {
    font-weight: 700;
}

.main-inicio {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    height: 100%;
}

.semi-bold,
.semi-bold p {
    font-weight: 600 !important;
}

.btn,
.nav-tabs .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:not(.active):hover {
    padding: 10px 20px;
    border-radius: 30px;
    color: var(--white-color);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    z-index: 2;
    position: relative;
    font-size: 12px;
    line-height: 15px;
}

.calendar {
    width: 24px !important;
}

.btn-ancora {
    font-size: 30px;
    color: var(--black-color);
    margin-top: 20px !important;
}

.btn.max {
    padding: 10px 40px;
    display: inline-flex;
    align-items: center;
}

.btn-outline {
    height: 42px;
    width: 260px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
}

.btn-outline,
.nav-tabs .nav-link:not(.active),
.nav-tabs .nav-link.active:hover {
    color: var(--primary-color);
    background-color: transparent;
    border: 1px solid var(--primary-color);
}

.btn-outline.white {
    color: var(--white-color);
    border-color: var(--white-color);
}

.btn-outline.black {
    color: var(--black-color);
    border-color: var(--black-color);
}

.btn-outline.white:hover {
    background-color: var(--white-color);
    color: var(--primary-color);
}

.btn-dark {
    background-color: var(--black-color);
    color: var(--white-color);
    border-color: var(--black-color);
    display: inline-flex;
    align-items: center;
}

.btn-dark i {
    font-size: 30px;
    margin-right: 30px;
}

.btn-black span {
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}

.btn-full {
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.btn-max {
    font-size: 30px;
}

.btn-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-icon i {
    font-size: 14px;
    margin-right: 5px;
}

.btn:hover {
    color: var(--white-color);
    background-color: var(--secondary-color);
    outline: 1px solid var(--primary-color);
}

.btn-black {
    display: flex;
    align-items: center;
    text-align: start;
    gap: 20px;
    border: 1px solid var(--white-color);
    background-color: #00000082;
    border-radius: 10px;
}

.img-home {
    height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left center;
}

.btn-saiba-mais {
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: 35px;
    border-color: #000000;
    /* width: 180px; */
    padding-top: 15px;
    padding-bottom: 15px;
}

.btn-saiba-mais.primary {
    display: flex;
    justify-content: space-between;
    background-color: var(--primary-color);
    border-color: var(--primary-color);

}

.btn-saiba-mais.outline {
    background-color: transparent;
    border-color: #000000;
    color: #000000;
}

.btn-saiba-mais.outline.btn-home-blog {
    border-color: var(--primary-color);
    color: var(--white-color);
}

.btn-saiba-mais.outline.white {
    border-color: var(--white-color);
    color: var(--white-color);
}

.card-servico .btn-aux {
    background-image: url('../img/arrow-white-right.svg');
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 35px;
    width: 160px;
    padding-left: 20px;
    display: inline-flex;
}

.card-servico:not(.card-todos) .btn-aux {
    color: var(--black-color);
    border: 1px solid var(--black-color);
    background-color: transparent;
}


.reclame label {
    font-size: 12px;
    line-height: 24px;
    font-weight: 500;
    color: #000000;
}

.reclame input,
.reclame textarea {
    border: 1px solid #000000 !important;
}

.reclame input:focus,
.reclame textarea:focus {
    border: 1px solid var(--primary-color) !important;
}

.form-check-input:checked {
    background-color: #000000;
    border-color: #000000;
}

.form-check-input:focus {
    box-shadow: none;
}

.reclame>div:not(.row-btn) {
    padding-top: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(112, 112, 112, .27);
}

#evidencias {
    display: none;
}

.group-evidencias label {
    display: flex;
    flex-direction: column;
}

.group-evidencias label span {
    width: 100%;
    outline: none;
    border: 0;
    border-radius: 5px;
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
    box-shadow: none;
    color: #424753;
    padding: 15px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #000000;
    height: 51px;
    display: flex;
    justify-content: end;
}

.group-evidencias label span i {
    font-size: 20px;
}

.identificacao .dados_pessoa,
.identificacao .dados_funcionario {
    margin-top: 30px;
}

.btn-black:hover {
    color: var(--black-color);
    background-color: #ffffff82;
    border: var(--black-color);
}

.btn-app {
    width: 160px;
    background-color: transparent;
    border: none;
}

.btn-app:hover {
    transform: scale(.9);
}

.link {
    color: var(--primary-color);
    font-size: 12px;
    display: flex;
    align-items: center;
}

.link.black {
    color: var(--black-color);
}

.link:hover {
    color: var(--secondary-color);
}

.link i {
    margin-right: 10px;
    font-size: 45px;
}

.c-primary {
    color: var(--primary-color);
}

section {
    padding-top: 100px;
    padding-bottom: 100px;
}

section.min {
    padding-top: 50px;
    padding-bottom: 50px;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=file],
.form-curriculo label,
select,
textarea,
.form-control {
    width: 100%;
    outline: none;
    border: 0;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    font-weight: 700;
    font-size: 12px;
    line-height: 19px;
    box-shadow: none;
    color: #424753;
    padding: 15px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.input-white {
    border-color: var(--white-color);
    padding-left: 20px !important;
    color: var(--white-color) !important;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
textarea:focus,
input[type=password]:focus,
select:focus,
.form-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid var(--primary-color);
    color: #373F41;
}

.margin-inline-auto {
    margin-inline: auto;
}

.nopaddingt {
    padding-top: 0;
}

.nopaddingb {
    padding-bottom: 0;
}

.relative {
    position: relative;
}

.marginl50 {
    margin-left: 50px;
}

.margint10 {
    margin-top: 10px;
}

.margint15 {
    margin-top: 15px;
}

.margint20 {
    margin-top: 20px;
}

.margint25 {
    margin-top: 25px;
}

.margint30 {
    margin-top: 30px;
}

.margint40 {
    margin-top: 40px;
}

.margint50 {
    margin-top: 50px;
}

.margint60 {
    margin-top: 60px;
}

.margint70 {
    margin-top: 70px;
}

.marginb80 {
    margin-bottom: 80px;
}

.paddingr200 {
    padding-right: 200px;
}

.borda-aux {
    width: 1px;
    background-color: rgba(112, 112, 112, 0.4);
    margin-inline: auto;
    height: 100%;
}

@media (min-width: 992px) {
    .container-fluid {
        padding-inline: 100px;
    }

    .quem-somos .descricao {
        padding: 70px;
    }
}

hr.hr-gray {
    background-color: #cccccc;
}

.text-limited {
    display: block;
    overflow: hidden;
    word-wrap: break-word;
    max-height: 60px;
    text-overflow: '...';
    font-size: 20px;
    line-height: 24px;
}

/* final default */

/* Navbar */

nav {
    background-color: var(--white-color);
}

nav.nav-transparent {
    background-color: transparent;
    position: absolute;
    width: 100%;
}

nav:not(.nav-transparent) img.transparent {
    display: none;
}

nav.nav-transparent img:not(.transparent) {
    display: none;
}

nav.nav-transparent ul li a {
    color: var(--white-color);
}

ul,
ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

nav ul li a {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

nav ul li a:hover {
    color: var(--primary-color);
    font-weight: 500;
}

nav ul {
    margin-left: 40px;
    gap: 20px;
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
    display: flex;
    height: 70px;
    background-color: var(--background-color);
    z-index: 99;
    position: fixed;
    width: 100%;
}

.buttons-navbar {
    display: flex;
    gap: 20px;
    align-items: center;
}

.buttons-navbar a.btn-no-margin {
    background-color: #F2F2F2;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    color: #000000;
    height: 100%;
    display: flex;
    align-items: center;
    padding-inline: 20px;
    height: 70px;
    font-size: 12px;
}

.logo.navbar-brand img {
    height: 35px;
    width: auto;
    object-fit: contain;
}

.card {
    padding: 50px;
    border-radius: 15px;
    background-color: var(--white-color);
    margin-bottom: 20px;
}

.card.card-padrao {
    border: none;
    box-shadow: 15px 20px 20px #2d115533;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-end;
}

.card.card-padrao .divider {
    width: 1px;
    background-color: #707070;
    margin-inline: 100px;
}

.card.card-padrao .content {
    width: 100%;
}

.card.card-padrao h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
}

.card.documentos {
    padding: 0;
    border: 0;
    margin-top: 30px;
}

.card.documentos .header-card {
    padding: 30px;
    border-bottom: 1px solid rgb(170, 170, 170, .23);
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}

.card.documentos .content-card {
    padding: 30px;
}

.card.card-roxo {
    background-color: #3b2263e6;
    color: var(--white-color);
    font-size: 20px;
    line-height: 32px;
}

.card-btn-documento {
    flex-direction: row;
    gap: 35px;
    border: none;
}

.post-documentos,
.container-mais-posts {
    padding-top: 70px;
    /* border-top: 1px solid #707070; */
    margin-bottom: 20px;
}

.container-mais-posts {
    padding-top: 30px;
    border-color: #CCCCCC;
    display: flex;
    justify-content: center;
}

.card-btn-documento .content-card {
    display: flex;
    align-items: flex-end;
}

.card-btn-documento .aux-btn {
    margin-left: auto;
}

.documento {
    display: flex;
    gap: 15px;
}

.documento p {
    font-size: 12px;
    line-height: 18px;
    color: var(--black-color);
    font-weight: bold;
}

.documento .aux {
    border: 1px solid var(--black-color);
    border-radius: 10px 10px 0 10px;
    background-color: transparent;
    min-height: 38px;
    min-width: 38px;
    max-height: 38px;
    max-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.documento .aux img {
    object-fit: contain;
    min-height: 22px;
    min-width: 22px;
}


.aux-bolinha {
    width: 100%;
    height: 100%;
    background-image: url('../img/bolinha2.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: start center;
}

.aux-bolinha-2 {
    background-image: url('../img/bolinha_2.svg');
    background-repeat: no-repeat;
}

.aux-bg-bef {
    position: relative;
    overflow-x: hidden;
}

/* .aux-bg::before {
    content: '';
    position: absolute;
    top: 100px;
    left: 50%;
    right: -100px;
    width: 50vw;
    height: 70px;
    background-image: url('../img/aux-bg.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 70px center;
} */

.aux-bolinha.min-bolinh {
    background-image: url('../img/bg-bolinhas-min.png');
    height: 30px;
}

/* Quem somos */

.quem-somos {
    padding: 0;
    background-color: #ffffff;
    overflow: hidden;
}

.quem-somos .icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.quem-somos .quadro_com_imagem {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.bg-roxo-cores {
    background-color: #3B2263;
}

.bg-roxo-cores2 {
    background-color: #492E75;
}

.quem-somos .quadro_com_imagem img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-bottom-left-radius: 100px;
    max-width: 350px;
}

.quem-somos .content {
    padding: 70px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.quem-somos .content h2 p {
    font-size: 36px;
    line-height: 50px;
    font-weight: 300;
}

.quem-somos .content h2 p strong {
    font-weight: bold;
}

.quem-somos .content p:not(.min) {
    font-size: 18px;
    line-height: 34px;
}


.quem-somos .content .card-content {
    margin-top: 20px;
}

.quem-somos .content .card-content i {
    font-size: 30px;
}

.quem-somos .content .card-content h6 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.quem-somos .content .card-content p {
    font-size: 14px;
    line-height: 28px;
}

.quem-somos .cores {
    height: 70px;
}

.quem-somos .cores>div {
    padding: 0;
}

.quem-somos .cores .cor1 {
    height: 100%;
    width: 100%;
    background-color: #3B2263;
}

.quem-somos .cores .cor2 {
    height: 100%;
    width: 100%;
    background-color: #492E75;
}

.quem-somos .cores .cor3 {
    height: 100%;
    width: 100%;
    background-color: #601FAC;
}

.quem-somos .container-text {
    color: #ffffff;
    padding: 50px;
    padding-top: 100px;
}

.quem-somos .container-text h3 p {
    font-size: 30px;
    line-height: 48px;
    font-weight: 400;
}

.quem-somos .card-content {
    margin-top: 50px;
}

.quem-somos .card-content i {
    font-size: 30px;
}

.quem-somos .card-content h6 {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
}

.quem-somos .card-content p {
    font-size: 14px;
    line-height: 28px;
}

.card-numero {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 100px;
}


.quem-somos .descricao {
    font-size: 14px;
    line-height: 26px;
}

.quem-somos .descricao h2 {
    font-size: 40px;
    font-weight: bold;
}

.grupo-prime .container-fluid {
    padding-inline: 0 !important;
    overflow: hidden;
}

.grupo-prime .bg-roxo-cores,
.grupo-prime .cor1 {
    background-color: #50347D !important;
}

.grupo-prime .cor2 {
    background-color: #3B2263 !important;
}


.card-passo h6 {
    font-size: 16px;
    line-height: 32px;
}

.card-passo .nr-passo {
    height: 200px;
}

.card-passo .icon-card {
    background-color: var(--white-color) !important;
    -webkit-box-shadow: 0px 8px 12px 0px rgba(54, 15, 96, .27);
    -moz-box-shadow: 0px 8px 12px 0px rgba(54, 15, 96, .27);
    box-shadow: 0px 8px 12px 0px rgba(54, 15, 96, .27);
}

/* Serviços */

.card-servico {
    display: flex;
    flex-direction: column;
    color: var(--black-color);
    font-size: 20px;
    line-height: 28px;
    font-weight: 700 !important;
    border: none;
}

.telefone-servicos {
    position: absolute;
    width: 584px;
    height: 734px;
    object-fit: contain;
    top: -46px;
    bottom: 0;
    right: 70px;
}

.card-pontos {
    border: 1px solid #A5A5A5;
    padding: 15px 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 12px;
}

.card-pontos img {
    width: 25px;
    height: 25px;
}


.card-servico h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700 !important;
}

.card-beneficio {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: var(--black-color);
}

.card-beneficio .icon {
    height: 20px;
}

/* .card-beneficio p {
    max-width: 248px;
} */

ul.lista-vantagens {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 20px;
    gap: 20px;
}

ul.lista-vantagens li {
    background-image: url('../img/check.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px;
    padding-left: 20px;
    font-size: 16px;
}

.card-servico.card-todos {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.card-servico .content-card {
    display: flex;
    align-items: end;
    gap: 25px;
}

.card-servico .content-card {
    display: flex;
    align-items: end;
    justify-content: space-between;

}

.card-servico .content-card .ct p {
    max-width: 350px;
}

.card-servico .content-card .ct h1 {
    max-width: 200px;
}

.cover {
    background-size: cover;
}

.icon-card {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black-color);
    font-size: 30px;
}

.icon-group {
    display: flex;
    gap: 35px;
}

.aux-card-napolitano {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.icon-card img {
    height: 23px;
    object-fit: contain;
}

.card.last-card {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

.card.last-card .icon-card,
.card.card-roxo .icon-card {
    background-color: var(--white-color);
    color: var(--secondary-color);
}


.aux-btn {
    background-color: var(--primary-color);
    color: var(--white-color);
    width: 23px !important;
    min-width: 23px !important;
    max-width: 23px !important;
    min-height: 23px !important;
    max-height: 23px !important;
    border-radius: 2px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}

.owl-nav.disabled {
    display: none;
}

.card-servico p {
    margin-top: 5px;
    font-size: 12px;
    line-height: 20px;
}

.logo-cliente {
    height: 150px;
    overflow: hidden;
}

.logo-cliente img {
    width: auto;
    height: 100%;
    object-fit: contain;
    filter: grayscale(1);
}

p.dados {
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
}

section.blog {
    padding-top: 50px;
}

article * {
    font-size: 16px;
    line-height: 36px;
}

article div {
    margin-bottom: 20px;
}

.compartilhe {
    margin-top: 25px;
    padding: 15px 25px;
    display: inline-flex;
    gap: 30px;
    border: 1px solid var(--white-color);
    border-radius: 10px;
}

.inicio .compartilhe {
    color: var(--white-color);
    font-weight: 600;
}

.compartilhe a {
    color: var(--primary-color);
    font-size: 25px;
    line-height: 25px;
}

.inicio .compartilhe a {
    color: var(--white-color);

}

/* Beneficios */

section.beneficios {
    overflow: hidden;
}

.nav-tabs {
    border: none;
    display: flex;
    gap: 15px;
}

.beneficios .nav-link.active {
    overflow: hidden;
}

.beneficios .content {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    overflow: hidden;
}

.beneficios .pc {
    font-size: 30px;
}

.beneficios .content .item {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.beneficios .content .item p {
    font-size: 12px;
    line-height: 26px;
    margin-top: 20px;
}

.aux-beneficios {
    height: 100%;
    width: 100%;
    position: relative;
}

.aux-beneficios-2 {
    width: 100%;
    position: relative;
    background-color: var(--secondary-color);
    border-radius: 0 0 100px 0;
}

.border-radius-right {
    border-radius: 0 0 150px 0;
}

.aux-beneficios img.img-beneficios-2 {
    height: 100%;
    width: 40vw;
    max-width: 40vw;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    object-fit: cover;
    border-radius: 0 0 100px 0;
}

.card-content-beneficios {
    display: flex;
    gap: 25px;
    padding-bottom: 25px;
}

.card-content-beneficios h6 {
    display: flex;
    gap: 40px;
    padding-bottom: 25px;
}

.card-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52px;
    min-width: 52px;
    height: 52px;
}

.card-icon img {
    height: 27px;
    object-fit: contain;
}

.aux-beneficios img.img-beneficios {
    height: 100%;
    width: 50vw;
    max-width: 50vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    border-radius: 0 0 0 100px;
}

.beneficios .card-app {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateX(-50%);
    -webkit-box-shadow: 0px 10px 15px 0px #a5a5a566;
    -moz-box-shadow: 0px 10px 15px 0px #a5a5a566;
    box-shadow: 0px 10px 15px 0px #a5a5a566;
    width: 168px;
    padding: 17px;
    position: relative;
}

.beneficios .card-app p {
    font-size: 11.5px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
}

.percent {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border-color: transparent;
    border-width: 0;
    border-style: none;
    background: #707070;
    z-index: 50;
    margin-inline: auto;
}

.percent .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--white-color);
}

.percent .number .aux {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: var(--white-color);
}

.box svg {
    width: 100px;
    height: 100px;
    z-index: 51;
    rotate: 219deg;
}

.box svg circle {
    fill: none;
    stroke-width: 0;
    stroke-linecap: round;
    stroke: #000000;
    stroke-dasharray: 100;
    stroke-width: 5px;
}

/* Acelerar */

section.acelerar {
    position: relative;
}

/* Passo a Passo */

.teste {
    max-width: 300px;
}

/* Carrossel */

section.carrossel {
    padding: 0;
    min-height: 80vh;
    position: relative;
}

section.carrossel-blog {
    padding: 0;
    position: relative;
    min-height: 40vh;
}

.icon-carrossel {
    width: 44px !important;
    height: 44px;
    object-fit: contain;
}


.carrossel .t-h1 p {
    font-size: 70px;
    line-height: 80px;
    font-weight: 300;
}

.carrossel .t-h1 p strong {
    font-weight: bold;
}

.destaque-carrossel {
    font-size: 50px;
    font-weight: 600;
    line-height: 61px;
}

.carrossel-banner {
    height: 80vh;
}


.carrossel-banner .owl-item {
    transition: .3s;
    border-radius: 0;
    border: none;
    overflow: hidden;
}

.carrossel-banner .owl-item.active.center {
    border-radius: 0 0 50px 50px;
}

.carrossel-banner .owl-item.active.center a .aux {
    background-color: transparent;
}

.carrossel-home .owl-nav button {
    color: #ffffff;
    font-size: 80px;
    background-color: transparent;
    border: none;
    position: absolute;
    top: calc(50% - 20px);
    transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
}

.slide-case-home {
    margin-top: 55px;
    background-color: var(--white-color);
    position: relative;
    width: 350px;
    border-radius: 30px 30px 0 30px;
    padding-top: 100px;
    padding-bottom: 40px;
    margin-inline: auto;
}

.cases.cover .carrossel-depoimento blockquote q::after {
    width: 0;
    content: '';
}

.cases.cover .carrossel-depoimento blockquote q::before {
    left: 40px;
    top: -50px;
}

.cases.cover .carrossel-depoimento blockquote {
    padding-inline: 40px;
}

.cases.cover .tns-nav {
    margin-top: 30px;
}

.btn-redes-sociais {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.btn-redes-sociais img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.cases.cover .carrossel-depoimento .owl-nav button.owl-next {
    right: -20%;
}

.slide-case-home .container-img-rounded {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);

}

.image-historia {
    height: 100%;
    width: 100%;
    border-radius: 15px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


#carrossel-blog .owl-nav button {
    content: '';
    height: 50px !important;
    width: 50px;
    background-size: contain;
}

#carrossel-blog .owl-nav button.owl-next {
    /* background-image: url('../img/btn-right-carrossel.png'); */
}

#carrossel-blog .owl-nav button.owl-prev {
    /* background-image: url('../img/btn-left-carrossel.png'); */
}

.carrossel-home .count-carrossel {
    bottom: 150px;
    color: var(--black-color);
}

.carrossel-blog .count-carrossel {
    bottom: 30px;
    color: var(--white-color);
}

.count-carrossel {
    position: absolute;
    bottom: 30px;
    color: var(--white-color);
    right: 100px;
    font-size: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.count-carrossel span {
    color: var(--primary-color);
    font-size: 45px;
    font-weight: bold;
    margin-left: 5px;
}

.aux-content-image-carrossel {
    min-height: 80vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 100px;
}

#carrossel-blog .aux-content-image-carrossel {
    height: 450px;
}

.aux-content-image-carrossel .btns {
    gap: 70px;
    margin-top: 20px;
}

.aux-content-image-carrossel .btns .btn-play {
    color: var(--primary-color);
    font-size: 12px;
    display: flex;
    align-items: center;
}

.aux-content-image-carrossel .btns .btn-play i {
    font-size: 50px;
    margin-right: 20px;
}

.carrossel-home .owl-nav button.owl-prev {
    left: 120px;
}

.carrossel-home .owl-nav button.owl-next {
    right: 100px;
}

.owl-dots,
.banners-patrocinados .tns-nav {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
    gap: 10px;
}

.owl-dots button {
    min-width: 10px;
    max-width: 10px;
    min-height: 10px;
    max-height: 10px;
    border-radius: 50%;
    background-color: #000000;
    border: none;
}

.owl-dots button.active {
    background-color: var(--primary-color);
}

/* FAQ */

section.faq {
    background-color: var(--white-color);
}

.accordion-button::after {
    background-position: center;
    width: 36px;
    height: 36px;
    background-size: 10px;
    background-image: url('../img/arrow-accordion.svg');
    transform: rotate(180deg);

    background-color: #F6F6F6;
    border-radius: 4px;
}


.accordion-button:focus {
    border-color: none;
    box-shadow: none;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../img/arrow-accordion.svg');
    transform: rotate(0deg);
    background-color: var(--white-color);
}

.accordion-button .nr-pergunta {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    padding-right: 20px;
    margin-right: 20px;
}

.accordion-item {
    border: none;
    border-radius: 10px !important;
    background: transparent;
    margin-bottom: 20px;
}

.accordion-item .accordion-button {
    border-radius: 10px !important;
    padding: 20px;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
    background-color: var(--white-color);
    border: 1px solid #A5A5A5;
}

.accordion-item .accordion-button:not(.collapsed) {
    background-color: #F6F6F6;
    margin-bottom: 0;
    border: 0;
    border-radius: 10px 10px 0 0 !important;
}

.accordion-collapse {
    background-color: #F6F6F6;
    /* margin-bottom: 20px; */
    border-radius: 0 0 10px 10px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}


.logo-cliente {
    height: 150px;
    overflow: hidden;
}

.logo-cliente img {
    width: auto;
    height: 100%;
    object-fit: contain;
    filter: grayscale(1);
}

.accordion-button:not(.collapsed) {
    color: var(--black-color);
    background: #F6F6F6;
    box-shadow: none;
}

.accordion-body {
    padding: 10px 1.25rem 50px 100px;
}


/* Indicação */

section.indicacao {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 90px;
    border-radius: 0 0 160px 0;
}

.card-roxo input {
    border-color: var(--white-color);
    background-color: transparent;
    color: var(--white-color) !important;
}

.card-roxo .icon-card img {
    width: 36px;
    object-fit: contain;
}

/* Serviços */

main {
    padding-top: 100px;
    padding-bottom: 100px;
}

main.inicio {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 125px;
    padding-bottom: 110px;
    height: 100vh;
}

.abra-sua-conta {
    /* padding-top: 0; */
    padding-bottom: 0;
}

main.inicio.postagem {
    border-radius: 0;
}

/* QS */

.q-s {
    overflow: hidden;
}

.icon-qs {
    width: 27px;
    height: 27px;
    object-fit: contain;
}

.icon-star {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.card-qs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 40px;
}


/* Nossos Números */
.nossos-numeros .icon {
    font-size: 25px;
}

.nossos-numeros .item {
    margin-bottom: 50px;
}

/* Expandindo */

.expandindo .icon {
    font-size: 50px;
}

.expandindo .item {
    margin-top: 50px;
}

/* O Grupo Prime */

.container-empresa-grupo-pp img {
    height: 60px;
    width: auto;
    object-fit: contain;
}

/* Contato  */

.trabalhe-conosco {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.form-contato p {
    display: flex;
    flex-direction: column;
}

.form-contato label {
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 10px;
}

.form-contato input:not(.btn) {
    border: none;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid var(--black-color);
    height: 20px;
    margin-bottom: 20px;
}

.form-contato input:not(.btn):focus {
    border-bottom: 1px solid var(--primary-color);
}

.form-contato input.btn {
    margin-left: auto;
    padding: 13px 80px 13px 50px;
    background-image: url('../img/paper.svg');
    background-repeat: no-repeat;
    background-position: 110px center;
    background-size: 20px;
}

.form-curriculo p {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.form-curriculo .wpcf7-spinner {
    display: none;
}

.form-curriculo input.btn {
    background-color: var(--primary-color);
}

.form-curriculo input[type='file'] {
    display: none
}

.form-curriculo label,
.form-curriculo input {
    background-color: transparent;
    color: var(--white-color);
    font-size: 12px;
}

.form-curriculo label {
    background-image: url('../img/clip.svg');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 20px;
}

.form-curriculo input::placeholder {
    color: var(--white-color) !important;
    opacity: 1;
}

.form-curriculo input::-webkit-input-placeholder {
    color: var(--white-color) !important;
    opacity: 1;
}

.form-curriculo input::-ms-input-placeholder {
    color: var(--white-color) !important;
    opacity: 1;
}

#btn-curriculo {
    background-image: url('../img/paper.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    min-width: 50px;
    max-width: 50px;
}



/* Contato */

.inicio .link {
    color: var(--primary-color);
}

/* Case */
.logo-case {
    max-width: 200px;
    object-fit: contain;
}

.aux-img-destaque-case img {
    height: 100%;
    width: 50vw;
    max-width: 50vw;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    object-fit: cover;
    border-radius: 0 0 100px 0;
}

#carrossel-blog .owl-next span {
    content: url("../img/carrossel-right.svg");
}

#carrossel-blog .owl-prev span {
    content: url("../img/carrossel-left.svg");
}


.carrossel-depoimento .container-img-rounded {
    outline: 4px solid var(--primary-color);
    border-radius: 50%;
    height: 140px;
    width: 140px;
    overflow: hidden;
    margin-top: 20px;
}

.carrossel-depoimento .container-img-rounded.profile-case {
    outline: 10px solid var(--primary-color);
}

.carrossel-depoimento .container-img-rounded img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carrossel-depoimento blockquote {
    position: relative;
    padding-inline: 75px;
    font-size: 14px;
}

.carrossel-depoimento blockquote q::after,
.carrossel-depoimento blockquote q::before {
    position: absolute;
}

.carrossel-depoimento blockquote cite {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    font-style: normal;
}

blockquote cite {
    font-style: normal;
}

.carrossel-depoimento blockquote q::after {
    content: url("../img/aspas-sec.svg");
    right: 5px;
    bottom: 50px;
}

.carrossel-depoimento blockquote q::before {
    content: url("../img/aspas-prim.svg");
    left: 0;
    top: -20px;
}

.carrossel-depoimento .owl-nav button {
    color: #ffffff;
    background-color: var(--primary-color);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    font-size: 20px;
    border: none;
    position: absolute;
    top: calc(50% - 20px);
    transform: translate(-50%, -50%);
}

.carrossel-depoimento .owl-nav button.owl-prev {
    left: -12%;
}

.carrossel-depoimento .owl-nav button.owl-next {
    right: -10%;
}


/* Blog */
.card-post {
    background-color: var(--white-color);
    color: var(--black-color);
    margin-bottom: 50px;
    border-radius: 15px;
    box-shadow: 0px 4px 8px 0px #a5a5a566;
    transition: .3s;
}

.card-post:hover {
    box-shadow: 0px 8px 12px 0px #a5a5a566;
    transform: translateY(-5px);
}

p.date {
    /* border-bottom: 1px solid var(--black-color); */
    /* padding-bottom: 5px; */
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 5px;
    line-height: 16px;
    display: flex;
    align-items: center;
}

p.date.bb {
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 10px;
}

p.date img {
    margin-right: 20px;
}

p.date.c-white {
    /* border-bottom: 1px solid var(--white-color);~ */
}

.card-post .container-img {
    height: 200px;
    border-radius: 15px 15px 0 0;
    width: 100%;
    overflow: hidden;
}

.card-post.min .container-img {
    height: 150px;
}

.card-post.min .t-h5 {
    font-size: 16px;
    line-height: 28px;
}

.card-post .container-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-post .content-card-post {
    padding: 30px;
    border-radius: 0 0 15px 15px;
    color: var(--black-color);
    /* border: 1px solid var(--black-color); */
    margin-top: 15px;
}

.content-card-post.card-post-home {
    border: 1px solid var(--white-color);
}

.card-post.min .content-card-post {
    margin-top: 10px;
}

ul.editoriais {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
}

ul.editoriais li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid #A5A5A5;
    border-radius: 10px;
    padding: 15px 20px;
    width: 100%;
}

section.napolitano {
    background: rgb(246, 246, 246);
    padding-bottom: 20px;
    padding-top: 0;
}

section.napolitano.com-bg {
    background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 60%, rgba(87, 51, 139, 1) 60%, rgba(87, 51, 139, 1) 100%);
}


/* Footer */

footer {
    background-color: var(--secondary-color);
    color: var(--white-color);
}

footer .logo-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .logo-footer img {
    max-width: 260px;
}

footer .content {
    padding-top: 40px;
    padding-bottom: 70px;
    border: 1px solid var(--secondary-color);
}

footer .content-apps {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

footer .content-apps a img {
    height: 70px;
}

footer .content-apps a:hover {
    transform: scale(.99);
}

#menu-navbar-mobile {
    width: 100%;
}

.acesso-rapido {
    margin-top: 20px;
}

.acesso-rapido {
    gap: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.acesso-rapido li,
.acesso-rapido .sub-menu {
    gap: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.acesso-rapido .sub-menu {
    padding-left: 20px;
    gap: 10px;
}

.acesso-rapido .sub-menu li a {
    font-weight: 400 !important;
}

.social {
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    gap: 27px;
}

.social a {
    font-size: 27px;
}

footer a {
    text-decoration: none;
    color: var(--white-color);
    font-size: 14px;
    line-height: 30px;
    font-weight: 700;
}


footer .copy {
    padding-top: 16px;
    padding-bottom: 10px;
    background-color: var(--secondary-color);
    color: var(--white-color);
    border-top: 1px solid rgba(255, 255, 255, 0.25);
}

footer .copy p,
.copy .t-p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}

.normal {
    font-weight: 400;
}

.break {
    hyphens: auto;
}

.tns-nav {
    display: flex;
    justify-content: center;
}

.tns-nav button {
    height: 10px;
    width: 10px;
    background-color: #a5a5a5;
    border: none;
    margin-left: 7px;
    border-radius: 50%;
}

.tns-nav .tns-nav-active {
    background-color: var(--primary-color);
}



.form-curriculo .input-com-btn {
    display: flex;
    gap: 10px;
}


/* Responsivo */


@media (min-width: 993px) {
    .visible-m {
        display: none;
    }

    .nomarginb-d {
        margin-bottom: 0;
    }

    footer .logo-footer {
        height: 100%;
    }

    .nav-open {
        display: none;
    }

    .carrossel .owl-dots {
        display: none;
    }

    .carrossel-blog .owl-nav {
        /* display: block !important; */
    }

    .carrossel-blog .owl-dots {
        position: absolute;
        bottom: 20px;
    }

    .carrossel-blog .owl-dots .owl-dot {
        --size: 10px;
        background-color: var(--white-color);
        min-width: var(--size);
        max-width: var(--size);
        min-height: var(--size);
        max-height: var(--size);
    }

    .carrossel-blog .owl-dots .owl-dot.active {
        background-color: var(--primary-color);
        --size: 15px;
    }

    .aux-beneficios-2 {
        width: 45vw;
        background-color: var(--secondary-color);
        border-radius: 0 0 100px 0;
        height: 600px;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
    }

    .aux-beneficios-2 img {
        height: 600px;
        object-fit: contain;
    }

    .border-right {
        border-right: .5px solid #707070;
    }

    .maquininha {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .form-curriculo p span {
        width: 100%;
        max-width: 50%;
    }


}

@media (max-width: 992px) {

    p,
    .t-p,
    p p {
        font-size: 16px;
        line-height: 34px;
    }

    .t-h2 {
        font-size: 26px;
        line-height: 42px;
    }

    .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .quem-somos .content p:not(.min) {
        font-size: 16px;
    }

    .t-h1,
    .t-h1.max,
    .t-h1.lil,
    .t-h1 p,
    .t-h1.max p {
        font-size: 55px;
        line-height: 55px;
        font-weight: 300;
    }

    .t-h1.lil2 {
        font-size: 50px;
        line-height: 55px;
        font-weight: 300;
    }

    .t-h1.lil2 b {
        font-weight: 700;
    }

    .t-h1.min,
    .t-h1.min p {
        font-size: 36px;
        line-height: 45px;
        font-weight: 300;
    }

    .text-start-m {
        text-align: start !important;
    }

    section {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .d-column-m {
        flex-direction: column;
    }

    .column-reverse-m {
        flex-direction: column-reverse;
    }

    .hidden-m {
        display: none !important;
    }

    .nomargintm {
        margin-top: 0;
    }

    .margintm10 {
        margin-top: 10px;
    }

    .margintm20 {
        margin-top: 20px;
    }

    .margintm30 {
        margin-top: 30px;
    }

    .margintm40 {
        margin-top: 40px;
    }

    .margintm50 {
        margin-top: 50px;
    }

    .paddingtm100 {
        padding-top: 100px;
    }

    .text-center-m {
        text-align: center !important;
    }

    .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar .btn-whats {
        width: 40px;
        height: 40px;
        font-size: 30px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .navbar .navbar-brand img {
        height: 30px;
    }



    nav.mobile .hamburguer {
        padding: 1rem 0;
        height: 12px;
        width: 30px;
        box-sizing: content-box;
        cursor: pointer;
        position: relative;
    }

    nav.mobile .hamburguer .bar {
        background-color: var(--black-color);
        height: 2px;
        width: 100%;
        border-radius: 3px;
        position: absolute;
    }

    nav.mobile.nav-transparent .hamburguer .bar {
        background-color: var(--white-color);
    }

    nav.mobile .hamburguer .bar:first-child {
        top: .5rem;
        -webkit-transition: top .2s .15s, transform .3s;
        -moz-transition: top .2s .15s, transform .3s;
        -ms-transition: top .2s .15s, transform .3s;
        -o-transition: top .2s .15s, transform .3s;
        transition: top .2s .15s, transform .3s;
    }

    nav.mobile .hamburguer .bar:nth-child(2) {
        top: 1.3rem;
        -webkit-transition: top .2s .15s, transform .3s;
        -moz-transition: top .2s .15s, transform .3s;
        -ms-transition: top .2s .15s, transform .3s;
        -o-transition: top .2s .15s, transform .3s;
        transition: top .2s .15s, transform .3s;
    }

    nav.mobile .hamburguer .bar:last-child {
        bottom: .5rem;
        -webkit-transition: bottom .2s .15s, transform .3s;
        -moz-transition: bottom .2s .15s, transform .3s;
        -ms-transition: bottom .2s .15s, transform .3s;
        -o-transition: bottom .2s .15s, transform .3s;
        transition: bottom .2s .15s, transform .3s;
    }

    .nav-open {
        height: 100vh;
        width: 100vw;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 200;
        margin-left: -100vw;
    }

    .nav-open.open {
        display: block;
        margin-left: 0;
    }

    .nav-open .aux {
        z-index: 201;
        height: 100vh;
        width: 100vw;
        position: fixed;
        background-color: #0000008e;
    }

    .nav-open .navbar {
        z-index: 202;
        width: 90vw;
        height: 100vh;
        position: fixed;
        background-color: var(--white-color);
        align-items: start;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -ms-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        margin-left: -100vw;
        overflow-y: scroll;
    }

    .nav-open.open .navbar {
        margin-left: 0;
    }

    .nav-open .navbar nav {
        width: 100%;
        height: 55px;
        align-items: center;
    }

    .nav-open .navbar #close-nav-bar {
        background-color: transparent;
        border: none;
        font-size: 12px;
        line-height: 22px;
        display: inline-flex;
        gap: 10px;
    }

    .nav-open .navbar #close-nav-bar i {
        font-size: 20px;
    }

    .nav-open .navbar .content {
        background-color: var(--gray-color);
        /* height: 100%; */
        width: 100%;
        display: flex;
        flex-direction: column;
        /* padding-top: 35px; */
        align-items: flex-start;
        overflow-y: scroll;
        padding-inline: 20px;
        padding-bottom: 50px;
        /* padding-right: 20px; */
    }

    .nav-open .navbar .content ul {
        display: flex;
        flex-direction: column;
        /* padding-inline: 30px; */
        /* padding-top: 35px; */
        align-items: flex-start;
        overflow-y: scroll;
        gap: 20px;
    }

    .nav-open .navbar .content .acesso-rapido {
        font-size: 16px;
        font-weight: bold;
        width: 100%;
    }

    .nav-open .navbar .content .acesso-rapido a {
        color: var(--black-color);
    }

    .nav-open .navbar .content .sub-menu {
        padding-top: 15px;
        padding-left: 15px;
        width: 100%;
    }

    .aux-content-image-carrossel,
    section.carrossel {
        min-height: calc(100vh - 55px);
    }

    .carrossel-blog .aux-content-image-carrossel,
    section.carrossel-blog {
        min-height: 80vh;
    }

    .aux-content-image-carrossel {
        align-items: stretch;
    }

    .carrossel .t-h1 p {
        font-size: 33px;
        line-height: 42px;
    }

    .aux-content-image-carrossel {
        padding-top: 40px;
        padding-bottom: 100px;
    }

    .aux-content-image-carrossel .container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .blog .aux-content-image-carrossel .container {
        justify-content: center;
    }

    .carrossel .owl-dots,
    .carrossel-blog .owl-dots {
        position: absolute;
        bottom: 50px;
    }

    .carrossel-home .owl-dots button.active {
        background-color: var(--primary-color);
    }

    .carrossel-blog .aux-content-image-carrossel {
        padding-top: 100px;
    }

    .aux-content-image-carrossel .btns {
        gap: 20px;
    }

    .quem-somos .quadro_com_imagem {
        height: 300px !important;
        margin-bottom: 40px;
    }

    .quem-somos .content,
    .quem-somos .container-text,
    .quem-somos .descricao {
        padding-right: var(--bs-gutter-x, .75rem);
        padding-left: var(--bs-gutter-x, .75rem);
    }

    .quem-somos .container-text {
        padding-top: 50px;
    }

    .quem-somos .descricao {
        padding-bottom: 100px;
    }

    .quem-somos .content h2 p {
        font-size: 26px;
        line-height: 42px;
    }

    .quem-somos .content p {
        font-size: 16px;
        line-height: 34px;
    }

    .quem-somos .content .card-content p {
        font-size: 12px;
        line-height: 28px;
        margin-top: 20px;
    }

    .quem-somos .cores {
        background-color: var(--secondary-color);
    }

    .quem-somos .container-text h3 p {
        font-size: 26px;
        line-height: 44px;
    }

    .card-passo {
        display: flex;
        margin-bottom: 30px;
    }

    .card-passo .nr-passo {
        width: 100px;
        min-height: 100px;
    }

    .card-passo .nr-passo img {
        object-fit: contain;
    }

    .cases.cover .owl-nav,
    .case .owl-nav {
        display: none;
    }

    .aux-beneficios {
        width: 100%;
        height: 300px;
        margin-top: 20px;
    }

    .aux-beneficios img.img-beneficios {
        min-width: 100%;
        width: 100%;
    }

    .aux-img-destaque-case img {
        min-width: 100%;
    }

    .border-radius-right {
        border-bottom-right-radius: 50px;
    }

    .form-contato {
        margin-top: 30px;
    }

    .quem-somos .descricao h2 {
        font-weight: 600;
    }

    .card-cliente {
        min-height: 100px;
        max-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .clientes .tns-nav {
        margin-top: 20px;
    }

    .form-curriculo p {
        flex-direction: column;
    }

    .aux-bg::before {
        display: none;
    }

    .aux-numro {
        font-size: 55px;
        line-height: 80px;
    }

    .flex-row-m {
        flex-direction: row !important;
    }

    section.apps {
        padding-top: 150px;
    }

    .inicio.contato {
        padding-top: 200px;
    }

    .inicio.contato {
        padding-top: 200px;
    }

    .grafismo-branco::before {
        top: 20%;
    }

    .accordion-body {
        padding: 20px;
    }

    .accordion-body p {
        font-size: 12px;
        line-height: 26px;
    }


    .borda-aux {
        width: 100%;
        height: 1px;
    }

    .aux-abrir-conta {
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .column-reverse-m {
        flex-direction: column-reverse;
    }


    footer .logo-footer {
        justify-content: center;
    }

    .card-numeros {
        position: relative;
        top: 0;
        bottom: 0;
        flex-wrap: wrap;
        padding: 15px;
    }

    .card-numeros .nr {
        width: 50%;
        padding: 20px;
    }

    .card-numeros .nr .t-h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .card-numeros .nr p {
        font-size: 12px;
        line-height: 15px;
    }

    .linha-saiba-mais .btn-saiba-mais {
        width: 250px;
    }

    .card-content-beneficios {
        font-size: 14px;
        line-height: 28px;
    }

    .card-numeros .nr:nth-child(1),
    .card-numeros .nr:nth-child(3) {
        border-right: 1px solid rgb(255, 255, 255, .3);
    }

    .card-numeros .nr:nth-child(2) {
        border: none;
    }

    .card-numeros .nr:nth-child(3),
    .card-numeros .nr:nth-child(4) {
        padding-top: 50px;
    }

    .card-servico {
        padding: 30px;
    }

    section.whitelabel {
        padding-top: 100px;
        padding-bottom: 200px;
    }

    .whitelabel .linha-saiba-mais {
        justify-content: end;
    }

    .whitelabel .linha-saiba-mais .btn {
        width: auto;
    }


    .linha-saiba-mais.home {
        margin-top: 40px;
    }

    .card.card-padrao {
        padding: 40px 20px;
        justify-content: center;

    }

    .card.card-padrao .t-p {
        font-size: 14px;
        line-height: 30px;
    }

    footer.acesso-rapido .sub-menu {
        padding-left: 30px;
    }

    .btn,
    .btn-outline {
        padding: 15px;
        font-size: 16px;
        line-height: 19px;
    }

    .btn.text-black {
        color: var(--black-color);
        background-color: transparent;
        border: 1px solid transparent;
        padding: 30px 0;
        border-top: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: start;
        width: 100%;
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .btn i {
        font-size: 20px;
        margin-right: 10px;
    }

    .h51 {
        height: 51px;
    }

    header a.social-link {
        color: var(--primary-color);
        font-size: 25px;
    }

    header .social {
        margin-top: 10px;
    }

    .accordion-button {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
        position: relative;
    }

    .accordion-button::after {
        position: absolute;
        right: 16px;
        top: 16px;
    }

    .card.card-abra-sua-conta {
        flex-direction: column;
    }

    .card.card-abra-sua-conta .divider {
        height: 1px;
        width: 100%;
        margin: 35px 0;
    }

    .napolitano-m {
        background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 80%, rgba(87, 51, 139, 1) 80%, rgba(87, 51, 139, 1) 100%) !important;
    }

    .napolitano-m2 {
        background: linear-gradient(180deg, rgba(246, 246, 246, 1) 0%, rgba(246, 246, 246, 1) 70%, rgba(87, 51, 139, 1) 70%, rgba(87, 51, 139, 1) 100%) !important;
    }

    .card.card-abra-sua-conta .btn {
        display: flex;
        justify-content: flex-start;
    }

    .titulo-post {
        font-size: 30px;
        line-height: 40px;
    }

    .btn-saiba-mais,
    .btn-aux,
    .btn-min-m {
        font-size: 12px;
        line-height: 12px;
        align-items: center;
        justify-content: space-between;
        display: inline-flex;
    }

    .linha-saiba-mais.dois .btn-saiba-mais,
    .btn-saiba-mais {
        width: 156px;
    }


    .reverse-m {
        flex-direction: column-reverse;
    }

    .inicio.postagem {
        padding-top: 175px;
    }

    .image-historia {
        height: 415px;
    }

    a.manifesto {
        width: 100%;
        justify-content: center;
    }



    .h2-maior-m {
        font-size: 55px !important;
        line-height: 55px !important;
    }

    .img-phone {
        position: relative;
        bottom: 0;
        height: auto;
    }

    .itens {
        height: auto;
        width: 100%;

    }

    .count-carrossel {
        font-size: 25px;
        right: 20px;
    }

    .carrossel-home .count-carrossel {
        bottom: 30px;
    }

    .count-carrossel span {
        font-size: 35px;
    }

    .abacate::before {
        bottom: 0 !important;
        width: 100% !important;
        height: 380px !important;
    }

    .card-cliente {
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    footer .t-h6 {
        font-size: 16px;
        letter-spacing: 0;
    }

    footer a {
        font-size: 12px;
        line-height: 30px;
        font-weight: 700;
    }

    footer .sub-menu {
        font-size: 12px;
        line-height: 26px;
        font-weight: 500;
    }

    .card-numero {
        height: 280px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        margin-left: 20px;
    }

    .card-numero .t-p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .card-numero .t-h2 {
        font-size: 49px !important;
        line-height: 65px !important;
    }

    .accordion-item .accordion-button {
        font-size: 16px;
        line-height: 30px;
    }

    .btn.btn-dark {
        font-size: 12px;
    }

    .aux-img-mob {
        height: 400px;
        position: relative;
    }

    .aux-img-mob .telefone-servicos {
        position: absolute;
        bottom: 0;
        right: -20px;
        height: auto;
    }

    .sliderBlog .card-post,
    .card-servico.card-todos,
    .card-servico.abc,
    .card-beneficio {
        margin-left: 20px;
    }


    .card-beneficio {
        padding: 30px;
    }

    .carrossel-blog .count-carrossel {
        color: var(--white-color);
    }

    p.date {
        font-size: 12px;
        line-height: 16px;
    }

    section.blog {
        padding-bottom: 0;
    }

    section.abc {
        padding-top: 30px;
        padding-bottom: 0;
    }


    .nopaddingbm {
        padding-bottom: 0 !important;
    }

    .paddingtm50 {
        padding-top: 50px !important;
    }

    .paddingbm75 {
        padding-bottom: 75px;
    }
}


.grecaptcha-badge {
    display: none !important;
}