/*
Theme Name: Investplay Temporario 2025
Theme URI: https://investplay.com.br
Author: SPARTA
Author URI: https://sparta360.com.br
Description: Tema temporario para o site da Investplay com Bootstrap 5.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: investplay-temporario-2025
*/

html, body {
  touch-action: manipulation;
  overscroll-behavior: none;
}

.logo {
  max-width: 240px;   /* ajuste fino aqui: 140, 160, 180, 200... */
  height: auto;
}





.bloco-imagem-demo {
    background-image: url('https://investplay.com.br/wp-content/uploads/2025/12/AGENDAR-DEMO-2.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 280px; /* ajuste conforme seu layout */
    position: relative;
}

/* Faz a imagem inteira ser clicável */
.imagem-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}





i.seta {
    background: #ffffff;
    width: 20px;
    height: 3px;
    display: inline-block;
    border-radius: 5px;
    position: relative;
    vertical-align: middle;
    margin-left: 10px;
    transition: all 300ms ease;
}

i.seta::before {
    background: #ffffff;
    width: 14px;
    height: 3px;
    border-radius: 5px;
    content: "";
    transform: translate(0px, -4px) rotate(45deg);
    position: absolute;
}

i.seta::after {
    background: #ffffff;
    width: 14px;
    height: 3px;
    border-radius: 5px;
    content: "";
    transform: translate(0px, 4px) rotate(-45deg);
    position: absolute;
}


a.btnz:hover i.seta {
    background: #ec56ff;
    
}

a.btnz:hover i.seta::before {
    background: #ec56ff;
     transition: all 10ms;
}
a.btnz:hover i.seta::after {
    background: #ec56ff;
     transition: all 10ms;
}
a.btnz:hover i.seta {
    transform: translateX(10px);
    
}

a.btnz:hover {
    /* box-shadow: 0px 0px 50px -10px #ffffff52; */
    /* color: #ec56ff; */
    transition: all 300ms ease-in-out;
    /* background: #a121b1; */
    opacity: 0.6;
}

a.btnz { 
transition:all 300ms ease-in-out; }

.page-insighter h1.typed, .page-audiencias h1.typed, .page-personal-financial-manager-pfm h1.typed {
    max-width: 200px;
}
.typed-wrap {
  position: relative;
  display: inline-block;
}
.ghost {
  visibility: hidden; /* ocupa espaço mas não aparece */
}

.typed {/* white-space: nowrap; */display: inline-block; }


@keyframes blink {
  0%, 50%, 100% { opacity: 1; }
  25%, 75% { opacity: 0; }
}


#blog h2 {
    font-weight: bold;
    font-size: 60px;
}

#videopromo {
    margin-top: -55px!important;
}
.produtos #allyra .videoallyra {
   aspect-ratio: 9 / 10.9;
   box-shadow: 10px 20px 30px 10px #00000036;
   position: sticky;
   top: 15vw;
   transition: all 300ms;
}

.produtos #allyra .videoallyra video#video {
    right: unset;
    top: -3px;
}
.produtos video#video {
    position: absolute;
    width: unset;
    right: 5%;
    height: unset;
    max-width: unset;

}

#allyra .videoallyra {
    position: relative;
    right: unset;
    max-width: 80%;
    margin: 0 auto;
}

#banner .videoallyra {
    top: -3vw;
}

#allyra .videoallyra video#video {
    margin-left: -5px;
    width: 102%;
}
.cards {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#allyra .risco {
    margin: unset;
    text-align: center;
    margin-bottom: 40px!important;
}

.allyra-feature {
    background: linear-gradient(
331deg, #A121B1, #00DEFF);
    border-radius: 200px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
    padding: 40px 80px;
}

.icoallyra {
    margin-right: 50px;
}

.txt-feature h3, .txt-feature p {color: #fff!important;}

.txt-feature p {
    font-size: 23px!important;
    float: left;
    line-height: 29px!important;
    margin-top: 9px!important;
}

a.ctallyra {
    border: 4px solid #0bd1fa;
    padding: 10px 30px;
    border-radius: 50px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
}

.txt-feature {width: 100%;}

.txt-feature h3 {
    font-size: 47px!important;
    word-spacing: unset!important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    line-height: 34px!important;
}

a.ctallyra strong {
    color: #38fcbe;
}


.videoallyra {
    overflow: hidden;
    border-radius: 20px;
    display: block;
    position: absolute;
    top: 0%;
    right: 5%;
    width: unset;
    z-index: 1;
    max-width: 29.7vw;
}

.banner2 h1 {
    font-size: 60px;
    line-height: 63px;
    word-spacing: unset;
}
.risco {
    margin-left: -60px;
}
.tag {
    font-size: 1vw;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    color: #38FCBE;
    border: 2px solid #38FCBE;
    display: table;
    padding: 2px 20px;
    line-height: unset;
    border-radius: 11px;
    margin-bottom: 10px;
}


.card-feature strong {
    display: contents;
}
.imgallyra {
    position: relative;
    background-image: url(SPARTA/img/elipse.webp);
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: 50vw;
    background-repeat: no-repeat;
}


#allyra h2 {
    font-size: 39px;
    word-spacing: unset;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    text-transform: unset;
    font-weight: unset;
    max-width: 80%;
    text-align: center;
    line-height: 50px;
    margin: 0 auto;
    margin-bottom: 20px;
}

section#allyra {
    margin: 100px auto;
    background: linear-gradient(
331deg, #A121B1, #00DEFF);
    padding: 80px 0px;
}

.card-feature {
    background: #fff;
    box-shadow: 3px 5px 20px -2px #0000002e;
    border-radius: 20px;
    margin: 18px 0px;
    width: 90%;
    padding: 30px;
    display: flex;
    flex-direction: row;
    font-size: 22px;
    color: #0a4958;
    line-height: 29px;
    /* min-height: 290px; */
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    max-height: 160px;
}

#allyra .col-sm-6.cards {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    align-items: center;
}

.card-feature.w100 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    padding: 20px 70px;
    min-height: 200px;
}


.card-feature svg {
    /* margin-bottom: 30px; */
}

.card-feature.w100 svg {
    margin-right: 70px;
    max-height: unset;
    margin-bottom: unset;
}

.card-feature svg {
    max-height: 80px;
    margin-right: 30px;
    margin-left: 20px;
}

.produtos img.t1 {
    top: 34vw;
    left: 13vw;
    z-index: 3;
}

.produtos img.t2 {
    top: 2vw;
    left: 6vw;
}

.produtos .imgallyra img {
    max-width: 22vw;
}


button.carousel-control-prev {
    left: -70px;
}

button.carousel-control-next {
    right: -70px;
}


.carousel-indicators {
    bottom: -5vw;
}

.carousel-indicators [data-bs-target] {
    width: 60px;
    height: 10px;
    border-radius: 10px!important;
    background: #00deff;
    border: none;
    opacity: 0.2;
}

.carousel-indicators .active {
    opacity: 1;
}


img.t1, img.t2, img.t3 {
    max-width: 330px;
    position: absolute;
    box-shadow: 20px 20px 20px 0px #0000003b;
    overflow: hidden;
    border-radius: 10px;
}

.produto-allyra {
    background: linear-gradient(to left, #dae9e6 0%, rgba(218, 233, 230, 0) 100%);
    height: 730px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}

.produto-allyra .col-infos.order-2.order-sm-1 {
    max-width: 50%;
    margin-left: 8%;
}

img.t1 {
    /* z-index: 3; */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    /* top: 80px; */
}

img.t2 {
    z-index: 2;
    /* left: 0; */
    /* top: 260px; */
}

img.t3 {
    z-index: 2;
    top: 13vw;
    right: -2vw;
}

.produto-allyra .img {
    position: relative;
    width: 40%;
    height: 100%;
}
.spin-1 {
  --spin-duration: 10s;          /* ajuste a velocidade */
  --spin-timing: linear;           /* ease, linear, etc. */
  --spin-direction: normal;        /* normal | reverse */
  animation: spin var(--spin-duration) var(--spin-timing) var(--spin-direction) infinite;
  will-change: transform;
}


.spin-2 {
  --spin-duration: 5s;          /* ajuste a velocidade */
  --spin-timing: linear;           /* ease, linear, etc. */
  --spin-direction: reverse;        /* normal | reverse */
  animation: spin var(--spin-duration) var(--spin-timing) var(--spin-direction) infinite;
  will-change: transform;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

[data-aos] {
  transition-property: transform, opacity !important;
}


/* Carousel: empilhar slides e clipar conteúdo */
#carouselFade .carousel-inner {
  position: relative;
  overflow: unset;
  min-height: 560px; /* ajuste conforme seu layout */
}

/* Todos os slides ocupam a mesma área (sem matar transform do Locomotive) */
#carouselFade .carousel-item {
  position: absolute;
  inset: 0;
  display: block;         /* evita display:none */
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s ease;
}

/* Slide ativo visível no mesmo retângulo */
#carouselFade .carousel-item.active {
  opacity: 1;
  visibility: visible;
}

/* Neutraliza apenas as classes de transição do Bootstrap (ok manter) */
#carouselFade.carousel-fade .carousel-item-next,
#carouselFade.carousel-fade .carousel-item-prev,
#carouselFade.carousel-fade .carousel-item-start,
#carouselFade.carousel-fade .carousel-item-end {
  transform: none !important;
}

/* Imagens dentro do slide (se houver) */
#carouselFade .carousel-item > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Fade-out aplicado nos elementos do slide que está saindo */
.carousel-item .fade-out {
  opacity: 0 !important;
  transform: translateY(10px);
  transition: opacity .35s ease, transform .35s ease;
}

/* Segura conteúdo do próximo slide até liberar */
.carousel-item.prehide .locopacity,
.carousel-item.prehide [data-scroll] {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* --- Estados/Animações dos elementos --- */

/* força visibilidade no banner quando mandarmos "entrar" */
.locopacity.enter {
  opacity: 1 !important;
  transform: none !important;
}


/* Estado inicial */
.locopacity {
  opacity: 0;
  transform: translateY(20px);
}

/* Força de entrada (vence qualquer 0 anterior) */
.locopacity.enter {
  opacity: 1 !important;
  transform: none !important;
}

/* Animações */
.locopacity.fade-in       { animation: fadeInUp .8s ease-out forwards; }
.locopacity.fade-in-right { animation: fadeInRight .8s ease-out forwards; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(-20px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* Rodou uma vez e travou (para CTAs "1x") */
.fade-in-right.did-animate {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* Velocidades opcionais */
.locopacity.slower { transition: opacity 2.5s ease-out; transition-delay: 100ms; }
.locopacity.slow   { transition: opacity 1.5s ease-out; }
.locopacity.fast   { transition: opacity .2s linear; }

/* Delays */
.delay-1 { animation-delay: 0s !important; }
.delay-2 { animation-delay: .4s !important; }
.delay-3 { animation-delay: .6s !important; }
.delay-4 { animation-delay: .8s !important; }
.delay-5 { animation-delay: 1s !important; }
.delay-6 { animation-delay: 1.2s !important; }


html {
    overflow-x: hidden;
     scroll-behavior: smooth;
}
.nav-link:focus-visible {
    box-shadow: unset;
}
.nav-link:focus, .nav-link:hover {
    color: #74fbd1;
    font-weight: bold;
}
.navbar .navlink, .navbar .navlike { /* suas regras visuais aqui */ }
.navbar .navlike {background: none;border: 0;cursor: pointer;text-align: center;width: 100%;}


li.nav-item.menu-item:has(> a.show) {background: #ffffff;border-radius: 10px 10px 0px 0px;}

.navbar-nav .nav-link.show {
    color: #5dc9a7;
}

header .col-sm-7.col-3, .col-3.d-none.d-sm-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}



.dropdown-item {
    color: #0a4958;
    padding-left: 0;
    font-weight: bold;
    --bs-dropdown-link-active-bg: transparent;
    --bs-dropdown-link-active-color: #5dc9a7;
}

.produtos #clientes .col-sm-4 img {max-width: 200px;}

.produtos #clientes .col-sm-4.b3 img {
    max-width: 90px;
}

@font-face {
  font-family: 'ClashDisplay-Bold';
  src: url('SPARTA/fonts/ClashDisplay-Bold.woff2') format('woff2'),
       url('SPARTA/fonts/ClashDisplay-Bold.woff') format('woff'),
       url('SPARTA/fonts/ClashDisplay-Bold.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}

.container-fluid {
    max-width: 90%;
}

a { text-decoration:none; }
.orb2, .orb1 {
    pointer-events: none;
}

section#banner {
    top: -135px;
}

header {
    z-index: 999;
    position: absolute;
    width: 100vw;
    padding-top: 30px;
    padding-bottom: 20px;
    backdrop-filter: blur(10px);
}

header nav.bg-light {
    background-color: unset!important;
    width: 100%;
    position: unset;
    margin: unset;
    padding: unset;
    margin-top: 0;
}


a.nav-link, button.navlike {
    color: #fff;
    font-size: 20px;
    font-family: 'Montserrat';
    line-height: 33px;
    padding: unset;
}


a.nav-link.active, button.navlike.active {
    font-weight: bold;
    /* border-bottom: 3px solid #5DC9A7; */
    color: #5DC9A7!important;
}

header .col-7 {
    display: flex;
    align-items: center;
    flex-direction: column;
    align-content: space-around;
    justify-content: center;
}

.menu-menu-1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

ul#menu-menu-1 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1%;
}


a.btn-azul {
    background: #00DEFF;
    border: none;
    color: #0A4958;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    padding: 23px 48px;
    border-radius: 40px;
    /* box-shadow: 0px 0px 50px -10px #00DEFF; */
    font-size: 20px;
    float: right;
    text-align: center;
    transition: all 300ms ease-out;
}



section#banner {
    height: 1080px;
    background-position: bottom center;
    /* background-size: cover; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    position: relative;
    outline: 1px solid #011e24;
}

#banner .container-fluid {
    /* position: relative; */
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: stretch;
}

.caption {
    width: 45vw;
    margin-left: 1vw;
    margin-top: 1vw;
    z-index: 9;
}

h1 {
    font-family: 'Montserrat', sans-serif;
    line-height: normal;
    color: #fff;
    word-spacing: 10px;
    text-transform: none;
    font-size: 5vw;
    font-weight: 700;
}


.subtitulo {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    font-size: 1.4vw;
    line-height: 1.9vw;
    margin-bottom: 40px;
    margin-top: 13px;
}



.lilas {
    background: #A121B1;
    border: none;
    color: #FFF;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    padding: 15px 48px;
    border-radius: 40px;
    box-shadow: 0px 0px 50px -10px #00DEFF;
    font-size: 20px;
    display: inline-block;
    text-align: center;
}




.orb1 {
    left: 0;
    position: absolute;
    top: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    /* background: red; */
}

.orb2 {
    position: absolute;
    z-index: 1;
    top: -990px;
    width: 100vw;
    height: 100vh;
    left: 0;
}
.orb1 svg {
    width: 1700px;
    /* transform: rotate(115deg); */
    top: -1010px;
    left: -330px;
    position: absolute;
}

.orb2 svg {
    /* transform: rotate(65deg); */
    position: absolute;
    z-index: 1;
    top: 0px;
    width: 1930px;
    1600px: 1100px;
    left: -400px;
}



section#clientes {
    background: #001d23;
    /* height: 680px; */
    padding-top: 110px;
    margin-top: -135px;
    padding-bottom: 70px;
    position: relative;
    z-index: -1;
}

#clientes .col-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
    margin-bottom: 50px;
}

h2 {
    color: #5DC9A7;
    font-family: 'Montserrat', sans-serif;
    font-size: 46px;
    text-align: center;
    margin-bottom: 60px;
    word-spacing: normal;
    font-weight: 300;
}


section#oproblema {
    background: url('SPARTA/img/mancha1.webp'), linear-gradient(to bottom, #dae9e6 0%, rgba(218, 233, 230, 0) 100%);
    height: 770px;
    padding-top: 90px;
    background-size: 100% 60%, auto;
    background-repeat: no-repeat;
    background-position: 610px -8%, top center;
}


h3 {
    color: #0A4958;
    font-family: 'Montserrat';
    font-size: 46px;
    max-width: 1310px;
    word-spacing: unset;
}

h4 {
    font-family: 'Montserrat', sans-serif;
    color: #0A4958;
   
    font-weight: 600;
}

#oproblema .col-3>img {
    margin-top:50px;
    height: 110px;
    margin-bottom: 30px;
}

#oproblema .col-3 {
    display:flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    padding-right: 80px;
}

span.titulobold {
    font-family: 'Montserrat', sans-serif;
    color: #0a4958;
    font-weight: 700;
    font-size: 21px;
    margin-bottom: 13px;
}

p {
    color: #0A4958;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 25px;
}



#clientes .col-sm-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}

#oproblema h3 {
    margin-bottom: 50px;
}

.cardin {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}

.cardin img {
    height: 110px;
    margin-bottom: 28px;
}


.act {
    padding: 100px 100px;
    background: linear-gradient(0deg, #0A4958, #001d23);
}

#produtos h2 {
    color: #5dc9a7;
    font-family: 'ClashDisplay-Bold';
    font-size: 56px;
    text-align: center;
    max-width: 1220px!important;
    margin: 0 auto;
    word-spacing: 10px;
    line-height: 60px;
    margin-bottom: 20px;
}

h2>span {
    color: #5DC9A7;
}

#produtos p {
    font-size: 29px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    max-width: 1240px;
    margin: 0 auto;
}

.produto-renda.alinhaesquerda {
    background: #0A4958;
    height: 670px;
    margin-top: 50px;
    padding: 100px 150px;
    position: relative;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    justify-content: space-between;
}


#produtos h4 {
    color: #5dc9a7;
    font-size: 27px;
    border: 2px solid #5dc9a7;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 11px;
}

#produtos h3 {
    color: #5dc9a7;
    font-size: 100px;
    line-height: 90px;
    /* word-spacing: 30px; */
    font-weight: 800;
}

#produtos .produto-renda p {
    color: #fff;
    text-align: left;
    margin: unset;
    max-width: 900px;
    font-size: 29px;
    line-height: 35px;
}

#produtos a.lilas {
    margin-top: 30px!important;
    box-shadow: none;
}

.produto-renda .img {
    position: absolute;
    right: 2%;
    top: 0px;
    height: 100%;
}

.img video {
    height: 52vw;
    z-index: 9;
    position: absolute;
    right: 5vw;
    max-height: 760px;
    min-height: 670px;
}

.produto-insighter.alinhadireita {
    padding: 100px 180px 130px 180px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}

.alinhadireita .col-infos {
    width: 50%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

.produto-insighter .img {
    width: 50%;
    right: unset;
    position: relative;
    height: 570px;
}

.alinhadireita .img img {
    position: absolute;
}

.alinhadireita .img img.in1 {
    top: 8vw;
}

.alinhadireita .img img.in2 {width: 32vw;left: 0%;margin-top: 6vw;}

.alinhadireita .img img.in3 {
    top: 0%;
    right: 10%;
    width: 60%;
}

#produtos .produto-insighter p {
    text-align: left!important;
    font-size: 29px;
    line-height: 35px;
}

.produto-audiencia.alinhaesquerda {
    background: linear-gradient(to left, #dae9e6 0%, rgba(218, 233, 230, 0) 100%);
    height: 670px;
    padding: 100px 150px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
}

#produtos .col-infos p {
    text-align: left;
    margin: unset;
    text-align: left !important;
    font-size: 26px;
    line-height: 35px;
}


#produtos .produto-audiencia p {
    max-width: 1050px!important;
}

.produto-audiencia .alinhaesquerda .img {
    position: relative;
    right: -150px;
    height: 670px;
    top: -100px;
}


img.data {
    width: 830px;
    margin-top: -108px;
    position: absolute;
    right: 60px;
    z-index: 2;
}

.produto-audiencia .img {
    position: absolute;
    right: 0;
    height: 670px;
    width: 50%;
    /* overflow: hidden; */
}

.produto-pfm.alinhadireita {
    height: 710px;
    padding: 100px 150px;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    align-content: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 100px;
}

.produto-pfm .img {
    /* background: red; */
    height: 540px;
    width: 50%;
    left: -60px;
    position: absolute;
    top: 0;
}

.produto-pfm .col-infos {
    right: 90px;
    position: absolute;
}

#produtos .produto-pfm h3 {/* text-transform: uppercase; */font-size: 70px;line-height: 70px;/* word-spacing: 10px; */}

.produto-pfm .img img {
    width: 100%;
}

section#parceiros {
    background: #0A4958;
    width: 95%;
    margin: 0 auto;
    border-radius: 40px;
    padding: 120px 30px;
    margin-bottom: 100px;
}

section#parceiros ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

section#parceiros li {
    list-style: none;
    margin: 0;
    padding: 0;
}

section#parceiros h2 {
    color: #5dc9a7;
    text-align: center;
    font-family: 'Montserrat';
    font-size: 50px;
    margin-top: -20px;
    margin-bottom: 50px;
    /* word-spacing: 15px; */
    font-weight: 300;
}

section#produtos {
    margin-top: -1px;
}


section#cta1 {
    background: url(SPARTA/img/dataflow.webp);
    padding: 70px 0px 230px 0px;
    text-align: center;
    background-position: 0px -230px;
    background-repeat: no-repeat;
}


section#cta1 h3 {
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    margin-bottom: 60px;
}

section#cta1 a.lilas {
    width: 770px;
    font-size: 23px;
    padding: 26px 0px;
    margin: 0 auto;
    box-shadow: unset;
}


section#cta2 {
    padding: 150px 0px 100px 0px;
    text-align: center;
    background-position: 0px 600px;
}


section#cta2 h3 {
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 70%;
    font-size: 41px;
}

section#cta2 a.lilas {
    width: 770px;
    font-size: 23px;
    padding: 36px 0px;
    margin: 0 auto;
    box-shadow: unset;
    border-radius: 70px;
}

footer {
    background: url(SPARTA/img/iplogofooter.svg);
    height: 480px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-position-y: 270px;
    background-size: 120px!important;
    padding-top: 110px;
}

footer span.bold {
    font-weight: 800;
    margin-bottom: 20px;
    display: block;
    color: #0a4958;
    font-family: 'Montserrat', sans-serif;
}

footer a {
    color: #0A4958;
    text-decoration: none;
}

footer li {
    list-style: none;
}



#produtos .produto-renda h4 {
    color: #fff;
}

section#parceiros li img {
    width: 100%;
}

footer {
    background-size: unset!important;
}

img.mao {position: absolute;right: 20px;top: 510px;}

.produto-audiencia .col-infos {
    width: 57%;
}

.produto-renda .col-infos {width: 50%;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: flex-start;justify-content: center;align-items: flex-start;}

.not-home section#banner {
    background-color: #17a7c9;
    background-image: url(SPARTA/img/bghero.jpg);
    background-repeat: no-repeat;
    /* background-position-y: -350px; */
    background-blend-mode: multiply;
    background-size: 100% 100%;
    overflow: hidden;
}




.not-home h2 {
    /* text-transform: uppercase; */
    text-align: left;
    font-size: 70px;
    line-height: 70px;
    margin-top: 20px;
    margin-bottom: -30px;
}

.not-home h2 small {
    color: #fff;
    font-size: 40px;
    top: -28px;
    position: relative;
}

.not-home .subtitulo {
    font-size: 25px;
    max-width: 90%;
    line-height: 34px;
    margin-bottom: 40px;
    margin-top: 20px;
}

a.lilas {
    font-size: 1vw;
    box-shadow: unset;
    text-transform: uppercase;
}

.not-home .caption {top: -80px;position: relative;width: 50%;}

.produtos section#clientes {
    background: #0a4958;
    /* margin-top: -330px!important; */
    width: 90%;
    margin: 0 auto;
    border-radius: 50px;
    padding-top: 50px;
    z-index: 2;
    position: relative;
    margin-top: 80px;
}

.not-home #clientes img {
    width: 100%;
    filter: grayscale(1);
}

.btg img {
    height: 50px!important;
}

.not-home #clientes h2 {
    font-size: 50px;
    text-align: center;
    margin-bottom: 80px;
}



div#porque {
    background-color: #0A4958;
    padding: 190px 0px;
    background-image: url('SPARTA/img/mancha2.webp');
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 100px;
}


div#comofunciona {
    background: linear-gradient(0deg, #ffffff, #DAE9E6, #ffffff);
    margin-top: 40px;
}

#comofunciona h4 {
    text-align: center;
    color: #A121B1;
    font-size: 28px;
    font-family: 'Montserrat';
    word-spacing: 2px;
    max-width: 70%;
    margin: 0 auto;
    /* text-transform: uppercase; */
}

#comofunciona h3 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    font-weight: 700;
    word-spacing: unset;
    margin: 0 auto;
    font-size: 31px;
    max-width: 90%!important;
    margin-top: 20px;
    margin-bottom: 90px;
}

#comofunciona ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

#comofunciona ul li {
    list-style: none;
    background: #ffffff;
    border-radius: 50px;
    padding: 30px 120px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    /* margin-bottom: 40px; */
    box-shadow: 0px 3px 10px 0px #00000014;
    height: 210px;
    width: 46%;
    justify-content: center;
}

#comofunciona ul li .imgico {
    margin-right: 30px;
}

#comofunciona ul li .imgico svg {
    width: 130px;
}

#comofunciona ul li .infos h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #0a4958;
}

#comofunciona ul li .infos p {
    font-size: 21px;
    line-height: 25px;
    margin-bottom: 0;
}


div#paraquem {
    padding: 100px 0px 210px 0px;
}

#paraquem h2 {
    font-size: 63px;
    width: 750px;
    margin-left: 50px;
    font-weight: bold;
    line-height: 70px;
    max-width: 60%;
    margin-bottom: 1px;
}

#paraquem span {
    margin-left: 50px;
    font-family: 'Montserrat';
    font-size: 33px;
    color: #0a4958;
    margin-top: 30px;
    display: block;
    font-weight: 500;
    margin-bottom: 29px;
    max-width: 80%;
}

#paraquem ul {
    margin: 0;
    padding-left: 70px;
}

#paraquem li {
    font-family: 'Montserrat';
    font-size: 23px;
    color: #0a4958;
    margin-top: 30px;
    display: block;
    font-weight: 500;
    margin-bottom: 29px;
    padding-left: 11px;
}

#paraquem li::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #673ab7; /* roxo sólido */
    border-radius: 50%;
    margin-left: -30px;
    margin-top: 8px;
}

#porque h2 {
    text-align: center;
    color: #fff;
    font-size: 66px;
    line-height: 70px;
    max-width: 88%;
    margin: 0 auto;
    margin-bottom: 20px;
}


#porque h3 {
    color: #5dc9a7;
    text-transform: uppercase;
    text-align: right;
}

#porque p {
    color: #fff;
    font-size: 22px;
    line-height: 30px;
    font-family: 'Montserrat';
}

#porque .row {margin-bottom: 40px;}


#banner video {
    position: relative;
    /* top: 0%; */
    /* right: 5%; */
    /* width: unset; */
    /* z-index: 1; */
    max-width: 30vw;
    /* overflow: hidden; */
    /* border-radius: 18px; */
    margin-left: -2px!important;
    height: 100%;
    display: block;
}

.not-home h1 {
    /* text-transform: uppercase; */
    text-align: left;
    font-size: 80px;
    line-height: 80px;
    margin-top: 20px;
    /* margin-bottom: -30px; */
    color: #74fbd1;
    background: none;
    border: none;
}

.not-home #banner .img {
    width: 50%;
    position: absolute;
    right: 0;
    top: 180px;
}

.not-home #banner .img .in1 {
    top: 260px;
    left: 130px;
}
.not-home #banner .img .in2 {
    top: 130px;
    left: 60px;
}
.not-home #banner .img .in3 {
    top: 40px;
    left: 370px;
}

.not-home #banner .img img {
    position: absolute;
}


#comofunciona h4 {
    font-size: 56px;
    color: #0A4958;
    /* word-spacing: 6px; */
    max-width: 60%;
    margin-bottom: 30px;
    font-weight: bold;
}

.page-id-21 div#comofunciona {
    padding: 30px 0px;
}

.page-id-21 #comofunciona .row>p {
    font-size: 21px;
    max-width: 65%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 100px;
}

.page-id-23 #comofunciona h4 {
    font-size: 49px;
    color: #0A4958;
    word-spacing: 6px;
    max-width: 60%;
    margin-bottom: 30px;
}

.page-id-23 div#comofunciona {
    padding: 80px 0px;
}

#comofunciona .row>p {
    font-size: 24px;
    max-width: 65%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 100px;
}
#porque small {
    color: #5dc9a7;
    font-size: 14px;
}


ul.dropdown-menu.show {
    width: 68vw;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%);
    border: unset;
    border-radius: 20px;
    margin-top: 0px;
    display: flex;
    padding: 40px;
    gap: 40px;
}

li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown.show {
    position: unset;
    background: #fff;
    border-radius: 10px 10px 0px 0px;
}

.show a.nav-link.dropdown-toggle {
    border: unset!important;
    border-radius: 7px 7px 0px 0px;
    color: #5dc9a7;
    font-weight: bold;
}





div#videopromo {
    overflow: hidden;
    width: 90vw;
    margin: 0 auto;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

div#videopromo img {
    width: 100%;
}


#paraquem img {
    width: 100%;
}



#comofunciona ul li {
    height: 400px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 50px 50px;
}

#comofunciona ul li .imgico svg {height: 100%;}

#comofunciona ul li .imgico {
    margin: 0px 0px 20px 0px;
}

#comofunciona ul li .infos {
    text-align: center;
}


#escolher ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

#escolher ul li {
    height: 400px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 50px 50px;
    box-shadow: 0px 3px 10px 0px #00000014;
    list-style: none;
    background: #ffffff;
    border-radius: 50px;
    width: 46%;
}

#escolher .imgico {
    margin: 0px 0px 20px 0px;
}

#escolher .infos {
    text-align: center;
}

#escolher svg {
    width: 130px;
}

#escolher h5 {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #0a4958;
}

#escolher p {
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 0;
}

section#escolher {
    padding: 0px 0px 170px 0px;
    background: url(SPARTA/img/mancha3.webp), url(SPARTA/img/mancha4.webp), linear-gradient(0deg, #ffffff, #DAE9E6, #ffffff);
    background-position: 0% 60%, 100% 60%;
    background-repeat: no-repeat;
    background-size: 350px 1260px, 350px 1260px, cover;
}


#escolher h2 {
    font-size: 50px;
    color: #0a4958;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px;
    /* word-spacing: 3px; */
    font-weight: bold;
}


#produtos .act h2 span {
    color: #fff;
}


.act p {
    color: #fff;
    font-weight: 300;
}


footer li a svg {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    fill: #5dc9a7;
}
header .col-sm-7.col-3 {
    margin: unset;
}

a.nav-link, button.navlike {
    text-align: center;
}

.navbar-nav>li.menu-item {
    width: 8.5em;
    padding: 15px 0px;
}

.dropdown-menu a.nav-link, .dropdown-menu button.navlike {
    color: #0A4958;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    padding: 0;
    margin: 0;
    font-size: 17px;
    padding-left: unset!important;
    line-height: 24px;
}

span.menu-descricao {
    font-size: 15px;
    line-height: 22px!important;
    color: #0A4958;
    display: block;
}

.dropdown-menu li.menu-item.menu-item-type-post_type.menu-item-object-page {width: 33%;}


header nav .current-menu-parent>a {
    color: #fff!important;
}

.show .nav-link.dropdown-toggle.active {
    color: #01998c !important;
}
header {
  background-color: transparent;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  height: 130px;
  top: -1px!important;
  }


   
.scrolled {
  background-color: rgb(10 73 88 / 84%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}


img.pfmm {
    position: absolute;
    right: 10px;
    top: 7vw;
}

.page-id-11 h1 {
    font-family: 'Montserrat';
    text-transform: unset;
    font-size: 48px;
    line-height: 55px;
    font-weight: 700;
    word-spacing: unset;
}

.page-id-11 h1 strong {
    color: #fff;
    font-weight: unset;
}

.page-id-11 section#banner {
    height: 560px;
}

.page-id-11 .caption {
    top: unset;
}

.page-id-11 .orb1 svg {
    transform: rotate(45deg);
    left: -340px;
    top: -1180px;
}

.page-id-11 .orb2 svg {
    top: -330px;
    width: 2050px;
    left: -330px;
    transform: rotate(85deg);
}

.page-id-11 h2 {
    font-family: 'Montserrat';
    text-transform: unset;
    font-size: 26px;
    word-spacing: unset;
    color: #0a4958;
    font-weight: bold;
    width: 590px;
    line-height: 30px;
    margin: 0;
    margin-bottom: 30px;
    margin-top: 100px;
}




.page-id-13 h1 {
    font-family: 'Montserrat';
    text-transform: unset;
    font-size: 48px;
    line-height: 55px;
    font-weight: 700;
    word-spacing: unset;
    text-align: center;
}

.page-id-13 h1 strong {
    color: #fff;
    font-weight: unset;
}

.page-id-13 section#banner {
    height: 560px;
}

.page-id-13 .caption {
    top: unset;
    width: 70%;
    margin: 0 auto;
    margin-top: 120px;
}

.page-id-13 .orb1 svg {
    transform: rotate(45deg);
    left: -340px;
    top: -1180px;
}

.page-id-13 .orb2 svg {
    top: -330px;
    width: 2050px;
    left: -330px;
    transform: rotate(85deg);
}

.page-id-13 h2 {
    font-family: 'Montserrat';
    text-transform: unset;
    font-size: 46px;
    word-spacing: unset;
    color: #5dc9a7;
    font-weight: bold;
    line-height: 30px;
    margin: 0;
    margin-bottom: 30px;
}


.col-sm-6.bgverde {
    background: #5DC9A7;
    border-radius: 0px 0px 0px 50px;
    right: 0;
    position: absolute;
    top: 0;
    height: 80%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

article {
    /* margin-top: -136px; */
    position: relative;
}

.bgverde span {
    font-family: 'Montserrat';
    color: #fff;
    font-size: 27px;
    text-align: center;
    width: 80%;
    line-height: 37px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.form-control {
    padding: 15px;
}

.form-select {
    padding: 15px;
}

.investform {
    padding-top: 30px;
    padding-right: 60px;
}

a.roxo {
        background: #6333CE;
        border: none;
        color: #FFF;
        font-weight: bold;
        font-family: 'Montserrat', sans-serif;
        padding: 15px 48px;
        border-radius: 40px;
        box-shadow: 0px 0px 50px -10px #00DEFF;
        font-size: 22px;
        display: inline-block;
        text-align: center;
        max-width: 570px;
        text-transform: uppercase;
        line-height: 60px;
}

.page-id-11 article {
    margin-bottom: 170px;
    margin-top: -135px;
}

.form-check-input {
    width: 30px;
    height: 30px;
    border: 1px solid #5dc9a7;
    margin-right: 10px;
}

.wpcf7-list-item label span {
    margin-left: 20px;
    display: block;
    font-size: 12px;
    line-height: 18px;
}

section#apresentacao {
    padding: 100px 0px;
}

.page-id-13 h3 {
    color: #0A4958;
    font-family: 'Montserrat';
    font-size: 30px;
    font-weight: 700;
}

.page-id-13 .col-sm-7>p {
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 30px;
    padding-right: 80px;
}

.linha {
    background: #5dc9a7;
    width: 5px;
    margin: 0 auto;
    height: 1220px;
    position: absolute;
    display: block;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    top: 190px;
}

#timeline .container-fluid {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}

#timeline .row {position: relative;}

.ano {
    z-index: 2;
    position: absolute;
    width: 50%;
}

.esquerda {
    text-align: right;
}
.ano strong {
    font-size: 40px;
    font-family: 'Montserrat';
    color: #0a4958;
}

.ano p {
    font-size: 23px;
    line-height: 29px;
}

#timeline .icone {
    border: 4px solid #5dc9a7;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #fff;
    left: 50%;
    position: absolute;
    /* transform: translateX(-50%); */
    z-index: 2;
    margin-left: -4vw;
}

.esquerda .icone {
    float: right;
}

#timeline .info {
    display: block;
}

.esquerda .info {
    margin-right: 100px!important;
}

.direita {
    text-align: left;
    right: 0!important;
    margin-right: 10px;
}

.direita .icone {
    float: left;
}

.direita .info {
    margin-left: 100px!important;
}

.emlinha {
    height: 130px;
    width: 100%;
    margin-bottom: 110px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}

section#timeline {
    padding: 100px 0px 0px 0px;
    position: relative;
}

#prods .col-sm-4 {
    text-align: center;
}

#prods h4 {
    margin-top: 30px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}

#prods p {
    font-size: 21px;
    line-height: 29px;
    margin-bottom: 30px;
}

#prods a.lilas {
    font-size: 20px!important;
    text-transform: uppercase;
}

section#prods {
    padding: 100px 0px;
}

.page-id-13 section#cta1 h3 {
    font-size: 43px;
    color: #0a4958;
    width: 70%;
    font-weight: 500;
}

.page-id-13 section#cta1 h3 strong {
    font-weight: 800;
}

section#apresentacao {
    padding-bottom: 0;
    padding-top: 40px;
}

.ico {
    width: 22px;
    float: left;
    height: 100px;
    padding-right: 30px;
}

footer p {
    font-size: 15px;
}

.brb img {
    max-width: 230px;
}
#clientes .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

html .page-id-13 section#clientes {
    margin-top: unset;
    padding-top: 90px;
    background: #0a4958;
    margin-top: 40px;
}

section#timeline h2 {
    text-align: center;
}


.page-sobre-nos section#cta1 .row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.page-sobre-nos section#cta1 a.lilas {
    margin: unset;
    margin-right: 30px;
    border-radius: 60px;
}

.page-sobre-nos a.roxo {
    box-sizing: unset;
    box-shadow: unset;
    border-radius: 60px;
}

.produtos section#cta1 {
    padding-bottom: 30px;
    background-position: 0px 510px;
    /* margin-top: -100px; */
}

.midia-fallback { display: none; }
.midia-video    { display: block; }


/* iOS Safari: habilita a imagem e desliga o v�

/* iOS Safari: habilita a imagem e desliga o vídeo */
@supports (-webkit-touch-callout: none) {
  .midia-video    { display: none !important; }
  .midia-fallback { display: block !important; }

  img.midia.midia-fallback {
    width: 90%;
    margin: 0 auto;
    display: block;
    margin-top: -20px;
}

.produto-audiencia .img::before { display:none!important; }
}

/* BLOGROLL */
.page-id-36 section#banner {
    height: 570px;
}

.page-id-36 .caption {
    top: 80px;
}

.page-id-36 h1 strong {
    color: #fff;
}

.page-id-36 article {
    margin-top: -20px;
}

.card-title a {
    color: #0a4958 !important;
    font-size: 22px;
    font-family: 'Montserrat';
    font-weight: 600;
}

.badge {
    border: 1px solid #0a4958;
    font-weight: 600!important;
    text-transform: uppercase;
    color: #0a4958!important;
    font-family: 'Montserrat';
    font-size: 12px;
    border-radius: 10px!important;
}

.card-footer {
    padding-left: unset!important;
    font-size: 20px;
}

.card-footer small {
    color: #0a4958 !important;
}

.single section#banner {
    height: 530px;
}

.single article {
    margin-top: -240px;
    z-index: 2;
}

.single h1 {
    color: #0a4958;
    font-size: 50px;
    line-height: 60px!important;
    text-transform: unset;
    font-family: 'Montserrat';
    font-weight: 800;
    word-spacing: unset;
}
.single .post-meta {color: #0a4958;font-size: 22px;}

.single .post-meta svg {
    stroke: #5dc9a7;
}

.single p, .single article li {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 175%;
    color: #0A4958;
    margin-bottom: 1.6rem;
}

.single p a {
    color: #673ab7;
    font-weight: bold;
}
.single article h2 {
    font-size: 25px;
    word-spacing: unset;
    font-family: 'Montserrat';
    font-weight: bold;
    text-transform: unset;
    margin-bottom: -10px;
    margin-top: 20px;
}
.single .relacionados h2 {
    font-weight: bold;
    font-size: 40px;
    color: #5dc9a7;
}

.single article .container-fluid {
    width: 70%;
}

.single article li {
    margin-bottom: unset;
}
#blog .row.row-cols-1.row-cols-md-2.row-cols-lg-4.g-4 {
    display: flex;
    flex-direction: row;
    justify-content: center;
}




/* DADOS */
section#dados {
    background: #0a4958;
    text-align: center;
    padding: 170px 0px;
}

#dados h2 {
    text-align: center;
    color: #fff;
    font-size: 40px;
    word-spacing: 10px;
    margin: unset;
}

.cardao, .cardin {
    background: #fff;
    border-radius: 25px;
    padding: 40px;
    margin-top: 90px!important;
    position: relative;
}

#dados h3 {
    text-align: center;
    width: unset;
    max-width: unset;
    color: #5dc9a7;
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 24px;
}
#dados h5 {
    font-family: 'ClashDisplay-Bold';
    font-size: 78px;
    color: #0a4958;
    position: relative;
    margin-bottom: 11px;
    font-weight: bold;
}

#dados p {
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    margin-top: -20px;
}
#dados h5 small {
    font-family: 'Montserrat';
    font-size: 27px;
    position: absolute;
    left: 50%;
    top: 49px;
    transform: translateX(-50%);
    text-align: left;
    width: 75%;
}

.col-sm-4.bordo {
    border-right: 1px solid #cecece;
    border-left: 1px solid #cecece;
}

#dados big {
    position: absolute;
    bottom: -50px;
    color: #fff;
    width: 240px;
    left: 50%;
    transform: translateX(-50%);
}

#dados .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}

.cardin.col-sm-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 320px;
}

.cardin.col-sm-4:first-child {
    margin-right: 20px;
}

.cardin.col-sm-4:last-child {
    margin-left: 20px;
}

.page-id-25 .cardao {
    /* width: 80%; */
    margin: 0 auto;
}

.page-id-25 .cardao h5 {
    font-size: 100px;
}

.page-id-25 #dados h3 {
    max-width: 80%;
    margin: 0 auto;
    margin-bottom: 30px;
    line-height: 36px;
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 32px;
}

#dados h2 {
    margin-bottom: -60px;
}

.page-id-25 section#cta2 {
    margin-top: 0;
}

#paraquem .col-sm-7 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}
.page-id-25 .cardao .col-sm-6:first-of-type {
    border-right: 1px solid #cecece;
}
section#blog {
    margin-top: 100px;
}
.page-id-46 #banner {
    height: 390px;
}

.page-id-46 #banner .caption {
    margin-top: 280px;
}

.page-id-46 article {
    padding-top: 50px;
}

.page-id-46 article h3 {
    font-size: 29px;
    margin-top: 50px;
}

.page-id-13 #clientes img {
    max-width: 200px;
}

.page-id-13 #clientes .b3 img {
    max-width: 100px;
}
























/* Extra pequeno (celulares em modo retrato) */
@media (max-width: 768.98px) {
  /* Estilos para <576px */

#allyra .card-feature svg {
    margin: unset!important;
    height: 110px;
    max-height: unset!important;
    /* width: 50px; */
    font-size: unset!important;
}

  .produtos #allyra .videoallyra {
    box-shadow: 0px 10px 20px 0px #00000036;
}

#allyra .risco {
    width: 100%;
}


#produtos img.in1 {
    top: 140px!important;
}
.allyra-feature {
    padding: 30px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    text-align: center;
    width: 90%;
    margin-bottom: 60px;
}

.icoallyra {
    margin-right: 0;
    margin-bottom: 10px;
}

.allyra-feature h3 {
    font-size: 32px!important;
    width: 40vw;
    margin-bottom: 5px!important;
}

#produtos .allyra-feature p {
    text-align: center!important;
    font-size: 19px!important;
    line-height: 23px!important;
    margin-bottom: 20px;
}

a.ctallyra {
    font-size: 13px;
    line-height: 17px;
    border: 3px solid #0bd1fa;
}


.bhero .caption {
    padding: 35px;
    margin: unset;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.bhero h1 {
    text-align: center;
    word-spacing: normal!important;
    font-size: 31px!important;
    line-height: 31px!important;
}

.bhero img.risco {
    margin: 0 auto!important;
    display: block;
    margin-bottom: 13px!important;
}

#banner .bhero a.lilas {
    margin-top: 10px;
}

.bhero .orb1 {
    margin-top: -150px;
}
.tag {
    font-size: 3vw;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
    line-height: 18px;
}

.ballyra h1 {
    font-size: 53px!important;
    line-height: unset!important;
    width: 100%;
    text-align: center;
}

.ballyra .risco {
    margin: 0 auto;
    margin-top: -26px;
}

#banner a.lilas {
    padding: 10px 0px;
    font-size: 4vw;
}

.carousel-indicators {
    bottom: -26vw;
}



#banner .videoallyra {
    max-width: unset;
    position: relative;
    order: 1;
    top: unset;
    /* display: contents; */
    right: unset!important;
    margin: 0 auto!important;
    display: inline-flex;
    border-radius: 10px;
    top: -11px;
}

#banner video {
    width: 102%;
    max-width: unset;
    margin: unset!important;
    height: unset;
}

section.envelope {
    order: 2;
}

#banner .container-fluid {
    max-width: unset;
    padding: 30px 30px;
}
  img.t1, img.t2, img.t3 {
    width: 45vw;
}

img.t1 {
    left: 2vw;
    top: -4vw;
}

.produto-allyra .col-infos.order-2.order-sm-1 {
    max-width: unset!important;
    width: 100%!important;
    margin: unset;
    top: 350px;
    position: absolute;
}

.produto-allyra {
    height: 850px;
    position: relative;
}

.produto-allyra .img {
    width: 100%;
    height: 280px;
    top: 50px;
    position: absolute;
}

img.t2 {
    left: 26vw;
    top: 23vw;
    z-index: 3;
}

img.t3 {
    top: -4vw;
    right: 3vw;
}

#escolher h5 {
    font-size: 19px;
}


.produtos.page-insighter #dados h2 {
    font-size: 24px!important;
    text-align: center;
}

.produtos #dados .cardao.row {
    margin-top: 0px!important;
}

#allyra h2 {
    font-size: 26px;
    line-height: 30px;
    max-width: 100%;
    margin-bottom: 7px;
    margin-top: 40px;
    /* z-index: 9999999!important; */
}

section#allyra {
    margin: 30px 0;
}

div#videopromo {
    border-radius: 5px;
    width: 95%;
}

.card-feature {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    max-height: unset;
    text-align: center;
}

.card-feature.w100 {
   background: #fff;
   box-shadow: 3px 5px 20px -2px #0000002e;
   border-radius: 20px;
   margin: 18px 0px;
   /* width: 48%; */
   padding: 30px;
   display: flex;
   flex-direction: column;
   font-size: 22px;
   color: #0a4958;
   line-height: 29px;
   align-items: flex-start;
   align-content: flex-start;
}

.card-feature.w100 svg {
    max-height: 80px;
    margin-bottom: 30px;
    margin-right: unset;
    width: 80px;
}


.page-id-46 #banner {
    height: 260px;
}

figure.wp-block-table {
    display: none;
}

.page-id-46 article h3 {
    font-size: 22px;
}

.page-id-46 article {
    padding: 30px 30px;
}





  .page-id-25 .cardao .col-sm-6:first-of-type {
    border: none;
}

  .page-id-25 .cardao {
    width: 100%;
    margin-bottom: 100px;
}


.produtos #dados .cardao.row {
    margin-bottom: 80px;
}

  .produtos.page-id-23 #dados .row {margin-bottom: 0px;padding: 0;display: flex;flex-direction: column;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;margin-left: unset;margin-right: unset;}

.page-id-23 .cardin.col-sm-4 {
    margin: unset;
    height: auto;
    margin-bottom: 80px;
}

.page-id-23 #dados h3 {
    font-size: 20px;
    line-height: 20px;
    margin-top: 20px;
}

.page-id-23 #dados big {
    bottom: -40px;
}


.produtos section#cta1 h3 {
    font-size: 20px;
    line-height: 24px;
    word-spacing: unset;
}

.page-id-25 #dados h3 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 22px;
    max-width: 100%;
    word-spacing: unset;
}

.produtos #dados h5 {
}

.produtos #dados h5.dea {
    line-height: 61px;
    font-size: 70px!important;
    margin-bottom: 30px;
}

.produtos #dados .row {
    width: 100%;
    /* padding: 0px 20px; */
    margin: 0;
    /* padding: 20px; */
}

#dados br {
    display: none;
}

#dados p {
    font-size: 18px;
}

  #dados h2 {
    font-size: 30px;
    word-spacing: 6px;
    margin-bottom: 30px;
    line-height: 30px;
}

section#dados {
    padding: 50px 0px;
    margin-bottom: 50px;
}

.col-sm-4.bordo {
    border: none;
}

#dados h5 small {
    top: -10px;
    text-align: center;
}

#dados h5 {
    margin-top: 40px;
    font-size: 90px;
}

#dados .cardin h5 {
    margin-top: 0;
}

.cardin.col-sm-4:first-child, .cardin.col-sm-4:last-child {
    margin: 40px 0px;
}

  .single .relacionados h2 {
    font-size: 23px;
    text-align: center;
}
  .single article .container-fluid {
    width: 90%;
}

.single article {margin-top: -110px;}

.single section#banner {
    height: 270px;
}

.single h1 {
    line-height: 26px!important;
}

.single .post-meta {
    font-size: 14px;
}

.single p, .single article li {font-size: 1rem;}

.single article h2 {
    margin-bottom: 10px;
    line-height: 30px;
}


.page-id-36 section#banner {
    height: 260px;
}

.page-id-36 .caption {
    margin-top: -30px;
}

.page-id-13 #clientes h2 {
    color: #5dc9a7;
}

.home #clientes .col-6.b3 img {
    max-width: 70px;
}
.produtos #clientes h2 {
    font-size: 30px;
    line-height: 31px;
}

.produtos #clientes .col-sm-4 img {max-width: 100px;}

.produtos #clientes .col-sm-4.b3 img {
    max-width: 40px;
}

.navbar-nav>li.menu-item {
    width: unset;
}


.dropdown-item {
    padding-left: 0;
    color: #0a4958;
    font-weight: bold;
}

a.qlwapp__button.qlwapp__button--button {
    width: 100vw;
    margin: 0!important;
    height: 50px;
    border-radius: unset!important;
    padding: 0!important;
}


.page-home #clientes .container {
    padding: 0 40px;
}


#escolher ul li {
    width: 100%;
    height: auto;
}

#escolher p {
    font-size: 16px;
}


header#mainHeader {
    height: 80px;
    padding: 0;
}

svg.logo {
    width: 130px;
}

#clientes .col-sm-4 {
    padding-bottom: unset;
}



body {
    /* overflow-x: hidden; */
}

    header nav.bg-light {
        position: inherit;
    }

    ul#menu-menu-1 {
        background: #6333cefc;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
        border: none;
    }

    button.navbar-toggler {
    background: #fff;
    margin-top: 15px;
    z-index: 9;
        }

        .navbar-toggler:focus {
            box-shadow: unset;
        }

        body.menu-open {
    overflow: hidden;
}

.caption {
    margin-left: 0;
    margin-top: 70px;
    width: 100%;
}

h1 {
    font-size: 27px;
    line-height: 29px;
    word-spacing: 6px;
}

.risco svg {
    width: 100%;
}

.risco {
    margin-left: -30px;
    width: 230px;
    margin-top: -10px;
}

.subtitulo {
    font-size: 15px;
    line-height: 20px;
    margin-top: 0px;
    text-align: center;
    margin-bottom: 13px;
}

.lilas {
    font-size: 14px;
    box-shadow: unset;
    margin-top: 0px;
    padding: 10px 40px;
    margin: 0 auto;
}

section#banner {
    height: 790px;
    /* background-position-y: -120px; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.orb1 {
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
}


.orb2 {width: 100vw;height: 100vh;top: 0;left: 0;overflow: hidden;}


.orb1 svg {
    top: -1320px;
    left: -650px;
}

.orb2 svg {
    top: -1500px;
    left: -670px;
}


h2 {
    font-size: 30px;
    margin-bottom: 20px;
    word-spacing: 3px;
}
#clientes .col-6 img {
    height: auto;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    max-width: 130px;
}

.b3 img {
    width: 70px;
}
section#clientes {
    height: auto;
    padding-bottom: 50px;
    margin-top: -136px;
}

h3 {
    font-size: 28px;
    word-spacing: 3px;
    line-height: 30px;
}

h4 {
    font-size: 15px;
}

.cardin {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 30px 20px;
}

section#oproblema {
    height: auto;
    padding-top: 40px;
}

#oproblema h3 {
    margin-bottom: 40px;
}

span.titulobold {
    width: 80%;
    margin-top: 10px;
    line-height: 27px;
}

#produtos h2 {
    font-size: 30px;
    line-height: 28px;
    margin: 40px 0px;
}

#produtos p {
    font-size: 17px;
    line-height: 23px;
}

.produto-renda .col-infos {
    width: 100%;
}

.produto-audiencia .col-infos {
    width: 100%;
}

.produto-renda.alinhaesquerda {
    padding: unset!important;
    height: auto;
    overflow: unset;
    position: unset;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 40px!important;
    margin-top: 70px;
}

.produto-renda .img {
    position: unset;
    right: unset;
    top: unset;
    text-align: center;
}

.img video {
    height: auto;
    width: 220%;
    position: relative;
    top: -56%;
    right: 127%;
}

#produtos h4 {font-size: 20px;margin: 0 auto;}

#produtos h3 {font-size: 44px;line-height: 40px;word-spacing: 10px;margin: 10px auto 20px auto;}

.col-infos {
    padding: 30px;
    text-align: center;
    width: 100%;
}

#produtos .col-infos p {
    text-align: center!important;
    font-size: 17px;
    line-height: 20px;
}


.produto-renda .img::before {
    content: "";
    width: 100%;
    height: 120px;
    background: linear-gradient(0deg, #0a4958, transparent);
    position: absolute;
    z-index: 9;
    display: block;
    margin-top: 292px;
}

.produto-insighter.alinhadireita {
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 10px;
}

.alinhadireita .col-infos {
    width: 100%;
}

.produto-insighter .img {
    width: 100%;
    height: 400px;
}

.alinhadireita .img img.in1 {
    width: 300px;
    display: block;
    left: 45px;
    top: 140px;
}

.alinhadireita .img img.in2 {
    width: 210px;
    left: 140px;
    top: 80px;
}

.alinhadireita .img img.in3 {
    top: 20px;
    width: 190px;
    left: 70px;
}

.produto-audiencia.alinhaesquerda {
        padding: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: center;
        align-items: center;
        background: #dae9e6;
        height: 780px;
    }

.produto-audiencia .img {
    top: 20px;
    height: 340px;
    width: 80%;
    right: 40px;
}

img.data {
    width: 470px;
    right: 127px;
    margin-top: -210px;
    z-index: 2;
}

img.mao {
    width: 480px;
    right: 144px;
    position: relative;
    margin-top: -610px;
    z-index: 1;
}

.produto-audiencia .img::before {
        content: "";
        width: 100%;
        height: 120px;
        background: linear-gradient(0deg, #dae9e6, transparent);
        position: absolute;
        z-index: 12;
        display: block;
        /* top: 230px; */
        /* right: 0px; */
        bottom: -10px;
    }



.produto-audiencia h4 {
    /* color: #0a4958 !important; */
}

.produto-audiencia h3 {
    margin-bottom: 10px!important;
}

.produto-audiencia .col-infos {
        padding-top: 410px;
        margin-bottom: 50px;
    }

.produto-insighter .col-infos {
    padding-top: 0;
    margin-top: -50px;
    margin-bottom: 50px;
    text-align: center;
}

.produto-pfm.alinhadireita {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    height: 840px;
    padding: unset;
}

.produto-pfm .col-infos {
    right: unset;
    /* position: unset; */
    padding-top: 300px!important;
}

.produto-pfm .img {
    width: 100%;
    position: unset;
    height: 320px;
}

#produtos .produto-pfm h3 {
    font-size: 31px;
    line-height: 30px;
    word-spacing: 5px;
}

.produto-pfm h4 {
    /* color: #0a4958 !important; */
}

.produto-pfm.alinhadireita {
    height: 670px;
    padding-top: 0;
    margin-top: 20px;
    margin-bottom: 60px;
}

section#produtos {
    margin-bottom: 0;
}

section#parceiros {
    padding: 80px 10px;
    margin-bottom: 10px;
}

section#parceiros h2 {
    font-size: 29px;
    margin-bottom: 27px;
    word-spacing: 7px;
}

section#parceiros ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

section#parceiros li {
    width: 166px;
}

section#parceiros li img {
    width: 100%;
}

section#cta1 a.lilas {
    width: 390px;
    font-size: 13px;
    border-radius: 70px;
    padding: 15px 0px;
}

section#cta1 h3 {
    margin-bottom: 40px;
    font-size: 24px;
}

section#cta1 {
    padding-bottom: 120px;
    background-size: 430%;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-position-y: -180px;
}

footer {
    text-align: center;
    background-size: 100px!important;
    height: 515px;
    padding-bottom: 170px;
    padding-top: 30px;
    background-position-y: 450px;
    margin-bottom: 30px;
}

footer ul {
    padding: 0;
}



.produtos section#banner {
    background-size: 1060px 1060px;
    z-index: 1;
    position: relative;
    height: 900px;
    text-align: center;
    margin-bottom: -85px;
}

.not-home #banner video {
    /* display: none; */
}

.not-home h2 {
    font-size: 52px;
    line-height: 42px;
}

.not-home h1 {
    font-size: 19px;
    padding: 0;
    width: 100%;
    margin: 0;
    line-height: 26px;
    text-transform: uppercase;
    word-spacing: unset;
    background: unset;
    border: unset;
    font-family: 'Montserrat';
    font-weight: bold;
}

.not-home .caption {
    width: 100%;
    margin-top: 0px;
}

.not-home h2 small {
    font-size: 31px;
    line-height: 30px;
    margin-top: 40px!important;
    display: block;
    margin-bottom: 20px;
}

.not-home .subtitulo {
    font-size: 22px;
    line-height: 25px;
}

.page-id-19 .caption {
    margin-top: -110px;
}

.page-id-11 section#banner {
    height: 340px;
    background-size: cover;
}

.page-id-11 .caption {
    top: 60px;
}

.col-sm-6.bgverde {
    height: 530px;
    position: unset;
    border-radius: 40px;
    padding: 20px 0px;
}

.bgverde span {
    font-size: 19px;
    line-height: 22px;
}

a.roxo {
    font-size: 13px!important;
}

.investform {
    padding: 10px;
}

.page-id-11 article {
}

.page-id-11 h2 {
    font-size: 21px;
    width: 90%;
    margin: 0 auto;
    line-height: 22px;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 20px;
}

.lilas {
    width: 100%;
    padding: 20px 10px;
}
.page-id-13 section#banner {
    height: 340px;
    background-size: cover;
}

.page-id-13 .caption {
    top: 60px;
}

.page-id-13 .col-sm-7>p {font-size: 14px;line-height: 24px;text-align: center;padding: 0;}

.page-id-13 h3 {
    text-align: center;
}

.page-id-13 h2 {
    text-align: center;
    font-size: 30px!important;
    margin-bottom: 10px;
}

#prods p {
    font-size: 14px;
    line-height: 24px;
}

#prods a.lilas {
    margin-bottom: 60px;
}

#timeline .icone {
    position: unset;
    transform: unset;
    width: 150px!important;
    height: 150px!important;
}

.emlinha {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: auto;
}

.ano {
    width: 100%;
    text-align: center;
    position: unset;
    margin-top: 20px;
}

#timeline .info {
    margin: 0 auto!important;
    background: #fff;
    padding: 0px 0px 20px 0px;
}

.linha {height: 2450px;}

.ano p {
    font-size: 18px;
    line-height: 24px;
}

.page-id-13 section#cta1 h3 {
    width: 100%;
    font-size: 20px;
    line-height: 24px;
    word-spacing: unset;
}
a.lilas {
    font-size: 13px;
}

.page-insighter .caption h1, .page-audiencias .caption h1, .page-personal-financial-manager-pfm .caption h1 {
    font-size: 40px;
    line-height: 45px;
    text-align: center;
}

.page-insighter #banner .subtitulo, .page-audiencias #banner .subtitulo, .page-personal-financial-manager-pfm #banner .subtitulo {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.not-home #banner .img {
    width: 100%;
    height: 560px;
    top: 140px;
}

.produtos section#clientes {margin-top: 0;margin-bottom: 50px;}

.page-insighter .caption, .page-audiencias .caption, .page-personal-financial-manager-pfm .caption {
    top: 250px;
}

.not-home #banner .img .in1 {
    left: 40px;
    width: 80%;
    top: 170px;
}

.not-home #banner .img .in2 {
    width: 70%;
    left: 0px;
    top: 110px;
}

.not-home #banner .img .in3 {
    top: 50px;
    left: 170px;
    width: 49%;
}

#clientes .col-6 img {max-width: unset;width: 100%;}

#clientes .container {
    /* padding: 0; */
}

section#cta2 h3 {font-size: 22px;max-width: 100%;margin-bottom: 6px;line-height: 23px;word-spacing: unset;}

section#cta2 {
    margin-top: -150px;
}

section#cta2 a.lilas {
    width: 100%;
    padding: 10px 10px;
    font-size: 13px;
    margin-top: 10px;
}

#comofunciona h4 {
    max-width: unset;
    font-size: 24px;
}

.page-id-21 #comofunciona .row>p {
    max-width: 100%;
    font-size: 15px;
    line-height: 19px;
}

#comofunciona ul li {
    width: 100%;
    border-radius: 20px;
    padding: 40px 20px;
    height: unset;
}

#comofunciona ul li .imgico {
}

#comofunciona ul li .imgico svg {
    width: 100px;
}

#comofunciona ul li .infos p {
    font-size: 16px;
    line-height: 21px;
}

#paraquem h2 {
    width: 100%;
    margin: 0 auto;
    font-size: 34px;
    text-align: center;
    word-spacing: unset;
    margin-top: 30px;
}

div#paraquem {
    padding-top: 30px;
    padding-bottom: 0px;
}

#paraquem span {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 20px;
}

#paraquem ul {
    padding: 20px;
}

#paraquem li {
    font-size: 16px;
    line-height: 20px;
}

.produtos section#cta1 {
    padding-bottom: 0;
    background: unset;
    padding-top: 0;
}

ul.dropdown-menu.show {
    width: 100%;
    transform: unset;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.dropdown-menu li.menu-item.menu-item-type-post_type.menu-item-object-page {
    width: 100%;
    padding-bottom: 20px;
}

.home #banner h1 {
    word-spacing: 5px;
    font-size: 26px;
    line-height: 26px;
}

#clientes .col-sm-4.b3 {
    /* width: 100px; */
}

#escolher h2 {
    margin-bottom: 30px;
    font-size: 30px;
}

section#prods {
    padding-bottom: 10px;
}

section#timeline {
    /* padding-top: 10px; */
}

#timeline .container-fluid {
    margin-top: 40px;
}

.page-sobre-nos #clientes .col-6 img {
    width: 100%;
}

.page-sobre-nos section#cta1 {
    padding-top: 50px;
}

.page-sobre-nos a.roxo {
    padding: unset;
    width: 100%;
    max-width: unset;
    display: block;
    line-height: 52px;
    margin-top: 10px;
}
section#escolher {
    padding-bottom: 50px;
}

.page-audiencias #banner video {
    width: 780px;
    top: 14%;
    right: 7%;
}

.page-audiencias #banner video::before {
    content: "";
    background: red;
    height: 50px;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 9;
}


img.pfmm {
    width: 100%;
    top: 190px;
}

.page-personal-financial-manager-pfm .caption {
    top: 190px;
}

.page-personal-financial-manager-pfm section#cta2 h3 {
    font-size: 15px;
    line-height: 20px;
}

.produtos section#cta2 {
    margin: 0;
    padding: 0;
}

.page-personal-financial-manager-pfm #comofunciona h4 {
    font-size: 24px;
    word-spacing: unset;
}

.page-personal-financial-manager-pfm #comofunciona .row>p {
    max-width: 100%;
    font-size: 18px;
    margin-bottom: 50px;
}

.page-id-23 #comofunciona h4 {
    font-size: 23px;
    max-width: 100%;
    word-spacing: unset;
    margin-bottom: 10px;
}

#comofunciona .row>p {
    font-size: 20px;
    max-width: 100%;
    margin-bottom: 70px;
}

.page-id-23 div#comofunciona {
    padding-top: 0px;
}

section#cta2 {
    padding-bottom: 20px;
}

.page-audiencias #banner .container-fluid img {
    top: -13%;
    position: relative;
    width: 110%;
    margin-left: -27px;
}

#page-audiencias .caption {
    top: 450px!important;
}

.page-audiencias .caption {
        top: 62%;
        position: absolute;
        left: 50%;
        width: 90%;
        transform: translateX(-50%);
    }

.page-audiencias section#banner {
    height: 960px;
}

}










































































@media (min-width: 1200px) and (max-width: 1499.98px) {
.produto-insighter.alinhadireita {
    padding: 10vw 5vw 10vw 5vw;
}

.allyra-feature {
    padding: 2vw 3vw;
}

.icoallyra svg {width: 100px;}

.icoallyra {
    margin-right: 2vw;
}

.txt-feature h3 {
    font-size: 42px!important;
}

.txt-feature p {
    font-size: 1.5vw!important;
    line-height: 1.7vw!important;
    margin-top: 2px!important;
}

a.ctallyra {
    font-size: 1.2vw!important;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-right: 20px;
}
    section.envelope {
    max-width: 45vw;
    margin-top: 11vw;
}

.home #banner .ballyra h1 {
    font-size: 80px;
    line-height: 90px;
}

.ballyra .videoallyra {
    top: 6vw!important;
}

#banner a.lilas {
    font-size: 16px!important;
}

#banner .subtitulo {
    margin-bottom: 21px;
}


.imgallyra {
    margin-top: 6vw;
}
#dados p br {
    display: none;
}
#dados h5 small {
    width: 80%;
    top: 33px;
}
    footer {
    background-size: 100%!important;
    background-position-y: 290px;
}

    #comofunciona .row>p {
    font-size: 20px;
}

    .not-home #banner .img .in1 {
    top: 150px;
    width: 520px;
    left: 50px;
}

.not-home #banner .img .in2 {
    width: 320px;
    top: 90px;
    left: 10px;
}

.not-home #banner .img .in3 {
    width: 240px;
    left: 220px;
    top: 10px;
}



img.pfmm {
    width: 54%;
    top: 120px;
}

section#cta2 {
    padding-top: 50px;
}

#comofunciona h4 {
    font-size: 34px!important;
    margin-bottom: 10px!important;
}

div#comofunciona {
    margin-bottom: 60px;
}

.navbar-nav>li.menu-item {
    padding: 0;
}

ul.dropdown-menu {
    width: 85%;
}
header#mainHeader {
    height: 100px;
    padding-top: 15px;
}

        #banner video {
        /* width: unset!important; */
        bottom: 0;
        right: 0%;
        width: 100vw!important;
        height: 100%;
    }

    .not-home #paraquem h2 {
        font-size: 48px;
        line-height: 51px;
        width: 580px;
        margin-top: 20px;
    }

    .not-home .subtitulo {
        font-size: 21px;
        line-height: 28px;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 90%;
    }

    .produtos section#clientes {
    margin-top: unset;
}

.not-home .caption {
    margin-top: 200px;
}

a.lilas {
    font-size: 12px;
    padding: 10px 20px;
}

a.btn-azul {
    font-size: 16px;
}

svg.logo {width: 100%;}

a.nav-link, button.navlike {
    font-size: 16px;
    /* margin-top: 15px; */
}

#comofunciona ul li .infos p {
    font-size: 15px;
    line-height: 21px;
}

#comofunciona ul li .imgico svg {
    height: 110px;
}

section#cta2 h3 {
    font-size: 33px;
    margin-bottom: 30px;
}

section#cta2 a.lilas {
    width: auto;
    padding: 20px 50px;
}

#paraquem span {
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: -10px;
}

#paraquem li {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0px;
}

section#cta1 h3 {
    font-size: 40px;
    max-width: 1010px;
}

section#cta1 a.lilas {
    width: auto;
    padding: 30px 50px;
}
.not-home h1 {
    font-size: 60px;
    line-height: 55px;
}


.home #banner h1 {
    font-size: 45px;
    line-height: 45px;
    /* word-spacing: 8px; */
}

.home .risco {
    margin-left: -80px;
}

.orb1 {
    margin-top: -160px;
    margin-left: -220px;
}

.orb2 {
    margin-top: -210px;
    margin-left: -260px;
}

.home .caption {
    margin-top: 0%;
}

section#clientes {padding-top: 180px;margin-top: -136px;}

#clientes img {
    max-width: 270px;
}

#clientes .b3 img {
    max-width: 90px!important;
}

#produtos h2 {
    font-size: 43px;
    line-height: 47px;
}

#produtos .col-infos p {
    font-size: 20px;
    line-height: 30px;
}

section#banner {
    height: 800px;
}

ul#menu-menu-1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.alinhadireita .img img.in1 {
    width: 40vw;
}

#produtos h3 {
    font-size: 70px;
    line-height: 70px;
}

#produtos h4 {
    font-size: 20px;
}

.img video {
    right: 0%;
    height: 100%;
}

.produto-renda.alinhaesquerda {
    height: 560px;
}

#produtos .produto-pfm h3 {
    font-size: 50px;
    line-height: 50px;
}

.produto-pfm.alinhadireita {
    height: 600px;
    padding: 50px 100px;
    margin-bottom: 0px;
    margin-top: 0px;
}

img.mao {width: 40%;bottom: 5%;top: unset;}

img.data {
    width: 50%;
    top: -26vh;
    right: 0%;
    margin-top: unset;
}

.produto-audiencia.alinhaesquerda {
    height: 510px;
}

section#parceiros li img {
}

    .page-id-11 h1 {
    font-size: 36px;
    line-height: 42px;
}

.page-id-11 .caption {
    margin-top: 100px;
}

.wpcf7-list-item label span {
    font-size: 12px;
    line-height: 17px;
}

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

.wpcf7 .wpcf7-submit:disabled {
    margin: 0 auto;
    display: block;
}
.page-id-13 .caption {
    top: -40px;
}

.page-id-13 h1 {
    font-size: 40px;
    line-height: 41px;
}

section#apresentacao {
    padding-bottom: 0;
}

#prods p {
    font-size: 14px;
    line-height: 22px;
}

#prods h4 {
    font-size: 21px;
    margin-bottom: 10px;
}

.page-id-13 .col-sm-7>p {
    font-size: 14px;
    line-height: 24px;
}

.ano p {
    font-size: 14px;
    line-height: 24px;
}

.page-id-13 section#cta1 h3 {width: 80%;}


.produtos #clientes img {
    max-width: 150px;
}

}



@media (min-width: 1500px) and (max-width: 1780.98px) {
.produtos section#cta1 {
    padding-top: 0;
}

.page-id-23 #comofunciona h4 {
    font-size: 39px;
}

#comofunciona .row>p {
    font-size: 24px;
    max-width: 70%;
}

    .produtos .videoallyra {
    /* height: 100%; */
    /* width: 100%!important; */
    /* max-width: unset!important; */
}

.produtos.page-insighter video#video {
    /* width: 102%!important; */
    /* right: unset; */
}

.carousel-indicators {
    bottom: -10vw;
}

    .videoallyra {
    margin-top: 5vw;
}

#produtos .produto-insighter .txt-feature p {
    font-size: 20px!important;
}

#produtos .produto-insighter a.ctallyra {
    font-size: 18px!important;
}
    
img.t1, img.t2, img.t3 {
    /* max-width: 50%!important; */
}

img.t3 {/* z-index: 2; *//* right: unset; *//* top: 5%; *//* left: 3%; */}

.produtos img.t2 {
    /* left: 32%; */
    /* top: 26%; */
    /* z-index: 3; */
}

.produtos img.t1 {
    /* top: unset; */
    /* bottom: 5%; */
}

#dados h5 small {
    width: 85%;
}

    .page-id-13 section#cta1 {
    padding-top: 110px;
}

section#clientes {margin-top: -136px;padding-top: 8vw;}

  svg.logo {
    width: 100%;
}

ul#menu-menu-1 {
    gap: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

a.btn-azul {
    font-size: 15px;
    padding: 10px;
    width: 100%;
}

header nav.bg-light {
}

h1 {
    font-size: 101px;
    line-height: 127px;
}

.caption {
    margin-left: 0px;
    margin-top: -80px;
}

.risco {
    margin-top: -50px;
    margin-left: -100px;
}

.subtitulo {
    font-size: 18px;
    line-height: 24px;
    margin-top: 2px;
}

a.lilas {
    font-size: 14px;
    margin-top: -10px;
}

.orb2 svg {
    top: -1200px;
    left: -520px;
}

.orb1 svg {
    top: -1200px;
    left: -530px;
}
section#banner {
    height: 750px;
}

#produtos p {
    font-size: 20px;
}

#produtos h3 {
    font-size: 60px;
    line-height: 60px;
    word-spacing: 10px;
}



#produtos .col-infos p {
    font-size: 19px;
    line-height: 23px;
}

.produto-renda .col-infos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.alinhadireita .img img.in1 {
    width: 490px;
    top: 220px;
}

.produto-insighter.alinhadireita {
    padding: 50px 100px;
}

.alinhadireita .img img.in2 {
    left: -60px;
    width: 440px;
    top: 120px;
}

.alinhadireita .img img.in3 {
    top: 40px;
}

img.data {
    width: 670px;
    top: 30px;
    width: 760px;
    right: 30px;
}

img.mao {
    top: 490px;
    right: 0%;
    width: 710px;
}

.produto-audiencia.alinhaesquerda {
    padding: 50px 120px;
}

.produto-pfm .img img {
    width: 700px;
    top: 40px;
}

.produto-pfm.alinhadireita {
    padding: 70px 90px;
}

#produtos .produto-pfm h3 {
    font-size: 50px;
    line-height: 50px;
    word-spacing: 3px;
}

#produtos h4 {
    font-size: 21px;
}

.produto-pfm .col-infos {
    right: 30px;
}

section#produtos {
    margin-bottom: 10px;
}

section#parceiros li img {
    width: 100%;
}

footer {
    background-size: 100%!important;
    background-position-y: 300px;
}

.not-home section#banner {
}

.not-home .caption {
    top: 10px;
}

.page-id-21 h1 {transform: unset;font-size: 70px;line-height: 70px;}

.page-id-21 .subtitulo {
    margin: 0;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 40px;
}

.not-home section#clientes {
}

.not-home #banner .img {
    top: 0px;
    height: 100%;
    display: inline-block;
}

.not-home #banner .img .in1 {
    width: 65%;
    top: 24vw;
    left: 10%;
}

.not-home #banner .img .in2 {
    width: 45%;
    top: 18vw;
    left: 4vw;
}

.not-home #banner .img .in3 {
    width: 33%;
    left: 19vw;
    top: 13vw;
}

.not-home section#clientes {
}

section#cta2 {
    padding-top: 130px;
}

section#cta2 h3 {
    font-size: 41px;
    word-spacing: unset;
    width: 90%;
}

div#videopromo img {
    width: 101%;
}

.page-id-21 #comofunciona h4 {
    font-size: 46px;
}

.page-id-21 #comofunciona .row>p {
    font-size: 19px;
    max-width: 76%;
}

#comofunciona ul li .infos h5 {
    font-size: 25px;
}

#comofunciona ul li .infos p {
    font-size: 18px;
}

#paraquem h2 {
    font-size: 53px;
    width: 490px;
    line-height: 56px;
    margin-top: 10px;
}

#paraquem span {
    font-size: 27px;
    margin-bottom: -10px;
    margin-top: 40px;
    font-weight: 800;
}

#paraquem li {
    font-size: 23px;
    margin-bottom: -13px;
    padding-left: 0;
}

#paraquem li::before {
    width: 10px;
    height: 10px;
    margin-left: -20px;
}

#porque h2 {
    font-size: 55px;
    word-spacing: 7px;
}

#porque h3 {
    font-size: 35px;
}

#porque p {
    font-size: 18px;
    line-height: 24px;
}

section#cta1 h3 {
    /* width: 70%; */
}

.produtos #banner video {
    width: 102vw;
    top: 71px;
}


  svg.logo {
    width: 80%;
}

ul#menu-menu-1 {
    /* gap: 45px; */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

a.btn-azul {
    font-size: 15px;
    padding: 10px;
    width: 100%;
}

header nav.bg-light {
}

h1 {
}

.caption {
    margin-left: 0px;
    margin-top: 90px;
}

.risco {
    margin-top: 0;
    margin-left: -100px;
}

.subtitulo {
    font-size: 22px!important;
    line-height: 31px!important;
    margin-top: 12px!important;
}

a.lilas {
    font-size: 14px;
    margin-top: -10px;
}

.orb1 {
    top: 80px;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.orb2 {
    top: 140px;
    left: -50px;
    width: 100vw;
    height: 100vh;
}

section#banner {
    height: 893px;
    /* background-position-y: -150px; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#produtos p {
    font-size: 20px;
}

#produtos h3 {
    font-size: 60px;
    line-height: 60px;
    word-spacing: 10px;
}



#produtos .col-infos p {
    font-size: 23px;
    line-height: 30px;
    width: 610px;
}

.produto-renda .col-infos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.alinhadireita .img img.in1 {
    width: 490px;
    top: 220px;
}

.produto-insighter.alinhadireita {
    padding: 50px 100px;
}

.alinhadireita .img img.in2 {
    left: -60px;
    width: 440px;
    top: 2vw;
}

.alinhadireita .img img.in3 {
    top: 40px;
}

img.data {
    width: 670px;
    top: 40px;
    width: 760px;
    right: 30px;
}

img.mao {
    top: 490px;
    right: -60px;
    width: 800px;
}

.produto-audiencia.alinhaesquerda {
    padding: 50px 120px;
}

.produto-pfm .img img {
    width: 700px;
    top: 40px;
    right: 0;
}

.produto-pfm.alinhadireita {
    padding: 70px 90px;
}

#produtos .produto-pfm h3 {
    font-size: 50px;
    line-height: 50px;
    word-spacing: 3px;
}

#produtos h4 {
    font-size: 21px;
}

.produto-pfm .col-infos {
    right: 30px;
}

section#produtos {
    margin-bottom: 10px;
}

section#parceiros li img {
    max-width: 190px;
}

footer {
    background-size: 100%!important;
    background-position-y: 240px;
}


.produto-audiencia .col-infos {
    width: 40%;
    left: 5%;
    position: relative;
}

.produto-audiencia .img {
    right: -10%;
}

.produto-insighter .img {
    margin-left: 70px;
    width: 40%;
}


.img video {
    right: 36%;
    /* position: relative; */
    height: 290px;
}


.page-id-11 section#banner {
    height: 560px;
}

.page-id-11 .caption {
    margin-top: 10px;
}

.page-id-11 h1 {
    font-size: 40px;
    line-height: 45px;
}

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



}


@media (min-width: 1919px) and (max-width:2400.98px) {

.home img.t1 {
    top: 8vw;
    left: 0vw;
}

.home img.t2 {
    top: 13vw;
    left: 10vw;
    z-index: 3;
}

.home img.t3 {
    top: 8vw;
    right: 2vw;
}


.produtos .imgallyra img {
    max-width: 20vw;
}

.produtos img.t2 {
    top: 0vw;
    left: 3vw;
}

.produtos img.t1 {
    top: 23vw;
}

.produtos img.t3 {
    top: 9vw;
}

section#cta2 h3 {
    max-width: 50%;
}
.caption {
    margin-top: 50px;
}

.alinhadireita .img img.in2 {
    width: 27vw;
    left: 0vw;
    top: -3vw;
}

.alinhadireita .img img.in1 {
    width: 70%;
    left: 140px;
}

.alinhadireita .img img.in3 {
    width: 50%;
    top: -20px;
}

#produtos h3 {
    font-size: 70px;
    line-height: 70px;
}

#produtos .col-infos p {
    font-size: 25px;
}

#produtos a.lilas {
    padding: 10px 40px;
    font-size: 20px;
}

img.data {
    top: -130px;
}
 
img.mao {
    top: unset;
    bottom: 30px;
}

section#escolher {
    margin-top: 110px;
}

section#clientes {
    padding-top: 170px;
    margin-top: -136px;
    padding-bottom: 80px;
    /* margin-bottom: 50px!important; */
}

}



@media (min-width: 2559px) {

    section#clientes {
    margin-top: -136px;
}

.page-id-11 .caption {
    top: 120px;
    width: 40%;
}
 
}