#banner_home {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 207px;
padding-bottom: 79px;
margin-bottom: 54px;
}
#banner_home:after {
content: '';
width: 10.3%;
height: 67.5%;
max-width: 196px;
max-height: 600px;
position: absolute;
right: 0;
top: 20%;
background-image: url(//fiibo.com.br/wp-content/themes/saude/bem-estar/fiibo-after-banner.webp);
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
}
#banner_home .container {
width: 1581px;
max-width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 2;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#banner_home .area-vermelha {
width: 72.8%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-bottom-right-radius: 100px;
background-color: var(--principal);
background-image: url(//fiibo.com.br/wp-content/themes/saude/bem-estar/fiibo-ciranda-banner.png);
background-repeat: no-repeat;
background-size: contain;
background-position: 14%;
}
#banner_home .container .esq {
width: 51%;
}
#banner_home .container .esq .titulo {
font-size: 55px;
font-weight: 800;
line-height: 69px;
color: #fff;
margin: 0;
margin-bottom: 50px;
}
#banner_home .container .esq .sub {
color: #fff;
margin: 0;
font-size: 28px;
font-weight: 700;
line-height: 39px;
margin-bottom: 30px;
}
#banner_home .container .dir {
width: 48.8%;
margin-top: 0;
}
#banner_home .area-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 11px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
margin-top: 64px;
position: fixed;
bottom: 29px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 15;
}
#banner_home .container .esq .texto {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 22px;
font-size: 28px;
font-weight: 400;
line-height: 37px;
color: #fff;
margin: 0;
margin-bottom: 31px;
}
#banner_home .container .esq .texto .bold {
font-weight: 700;
}
#banner_home .btn-01 {
width: 200px;
text-decoration: none;
border-radius: 39px;
font-size: 18px;
text-align: center;
color: var(--principal);
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
border: 2px solid var(--azul)
}
#banner_home .btn-01 .bg_color {
background-color: #fff;
}
#banner_home .btn-01.btn-effect .round {
background-color: var(--azul);
}
#banner_home .btn-01:hover {
border-color: var(--azul);
color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#banner_home .btn-01 svg {
margin: 0 0 0 0.8vw;
width: 2vw;
}
#banner_home .btn-02 {
width: 254px;
text-decoration: none;
border-radius: 37px;
font-size: 18px;
text-align: center;
border: 2px solid #fff;
color: #fff;
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
#banner_home .btn-02 .bg_color {
background-color: var(--principal);
}
#banner_home .btn-02.btn-effect .round {
background-color: var(--amarelo);
}
#banner_home .btn-02:hover {
border-color: var(--amarelo);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#banner_home .btn-02 svg {
margin: 0 0 0 0.8vw;
width: 2vw;
} #banner_home:after {
content: none;
}
#banner_home .animacao {
width: 50%;
position: absolute;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 3;
}
#banner_home .logo1 {
position: absolute;
right: 0;
}
#banner_home .circulo {
width: 28.9583vw;
height: 28.9583vw;
}
#banner_home .logos-container {
position: absolute;
top: -1.9270vw;
right: -1.71875vw;
width: 32.604166vw;
height: 32.604166vw;
-webkit-animation: rotate 50s linear infinite;
animation: rotate 50s linear infinite;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
-o-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
pointer-events: none;
}
#banner_home .logos-container.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
#banner_home .logos-container .logo {
position: absolute;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
animation: counter-rotate 50s linear infinite;
-webkit-animation: counter-rotate 50s linear infinite;
width: 5.2916vw;
height: 5.2916vw;
-o-object-fit: contain;
object-fit: contain;
}
#banner_home {
overflow: hidden;
}
#banner_home .logo1 {
top: 0;
left: 44%;
}
#banner_home .logo2 {
top: 10%;
left: 68%;
}
#banner_home .logo3 {
top: 31%;
right: 2%;
}
#banner_home .logo4 {
top: 56%;
right: 3%;
}
#banner_home .logo5 {
top: 75%;
right: 16%;
}
#banner_home .logo6 {
top: 84%;
right: 39%;
}
#banner_home .logo7 {
top: 81%;
right: 63%;
}
#banner_home .logo8 {
top: 64%;
right: 82%;
}
#banner_home .logo9 {
top: 42%;
right: 87%;
}
#banner_home .logo10 {
top: 20%;
right: 81%;
}
#banner_home .logo11 {
top: 4%;
right: 65%;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes counter-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes counter-rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
#banner_home .slide-setores {
position: absolute;
top: 10vw;
right: 8vw;
width: 12vw;
height: 9vw;
}
#banner_home .slide-setores .swiperSetores {
height: 100%;
}
#banner_home .slide-setores .bloco {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
#banner_home .slide-setores .setor {
width: 5.72916vw;
height: 5.72916vw;
}
#banner_home .slide-setores p {
font-weight: 800;
font-size: 1.4895vw;
line-height: 1.65104vw;
text-align: center;
margin: 0;
color: #000;
}
#banner_home .circle {
position: absolute;
top: 0;
right: -5vw;
}
#banner_home .fixa {
background-color: #fff;
border-radius: 50%;
border: 4.75px solid #FFAA3C;
position: absolute;
top: 5vw;
right: 18vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 10px;
width: 18.645vw;
height: 18.645vw;
z-index: 1;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
#banner_home .fixa svg {
width: 11.45833vw;
height: 5.10416vw;
}
#banner_home .fixa img {
width: 12.4479vw;
height: 3.645833vw;
}
#banner_home .mockup {
position: absolute;
top: 0vw;
right: 21vw;
width: 14vw;
height: auto;
z-index: 1;
}
#banner_home .pessoas p {
margin: 0;
}
#banner_home .pessoas .colaborador {
background-color: #fff;
border-radius: 80px;
border: 2.55px solid #FFAA3C;
-webkit-border-radius: 80px;
-moz-border-radius: 80px;
-ms-border-radius: 80px;
-o-border-radius: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.625vw;
gap: 10px;
width: 10.83333vw;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
margin-left: 1vw;
filter: blur(2.5px);
-webkit-filter: blur(2.5px);
}
#banner_home .pessoas .colaborador.swiper-slide-active {
margin-left: 0;
filter: blur(0px);
-webkit-filter: blur(0px);
}
#banner_home .pessoas .colaborador::before {
content: ' ';
display: block;
height: 3.57px;
width: 5vw;
background-color: #FFAA3C;
position: absolute;
right: -5vw;
z-index: -1;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
}
#banner_home .pessoas .colaborador.swiper-slide-prev::before {
transform: rotate(20deg);
top: 2.7vw;
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-ms-transform: rotate(20deg);
-o-transform: rotate(20deg);
}
#banner_home .pessoas .colaborador.swiper-slide-active::before {
top: 1.5vw;
}
#banner_home .pessoas .colaborador.swiper-slide-next::before {
transform: rotate(-20deg);
top: 0.5vw;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
}
#banner_home .pessoas .nome {
font-weight: 800;
font-size: 1.2182vw;
line-height: 100%;
color: var(--principal);
}
#banner_home .pessoas .cargo {
font-weight: 400;
font-size: 0.73072vw;
line-height: 100%;
color: #000;
}
#banner_home .pessoas {
margin-top: 7vw;
height: 14.9541vw;
overflow: hidden;
width: 35%;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
#banner_home .pessoas .swiper {
height: 100%;
overflow: visible;
padding: 3px;
}
#banner_home .pessoas .colaborador .perfil {
width: 2.0833vw;
height: 2.0833vw;
} #cta_home {
position: relative;
z-index: 2;
margin-bottom: 116px;
}
#cta_home .container {
width: 1512px;
max-width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 86px;
background-color: #F7F7F7;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 65px;
-moz-column-gap: 65px;
column-gap: 65px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 50px 36px;
}
#cta_home .container .esq {
width: 593px;
}
#cta_home .container .dir {
width: 623px;
}
#cta_home .container .dir .titulo {
font-size: 41px;
font-weight: 700;
line-height: 54px;
color: var(--principal);
margin: 0;
margin-bottom: 20px;
}
#cta_home .container .dir .texto {
font-size: 16px;
font-weight: 700;
line-height: 32px;
color: #5A5A5A;
margin: 0;
margin-bottom: 56px;
}
#cta_home .container .dir .btn-conversar {
text-decoration: none;
border-radius: 37px;
font-size: 18px;
text-align: center;
letter-spacing: 0.04em;
border: 2px solid var(--principal);
color: #fff;
font-weight: 400;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 21px 39px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
#cta_home .container .dir .btn-conversar .bg_color {
background-color: var(--principal);
}
#cta_home .container .dir .btn-conversar.btn-effect .round {
background-color: var(--roxo);
}
#cta_home .container .dir .btn-conversar:hover {
border-color: var(--roxo);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#cta_home .container .dir .btn-conversar svg {
margin: 0 0 0 0.8vw;
width: 2vw;
} #clientes {
position: relative;
margin-bottom: 132px;
}
#clientes::after {
content: '';
position: absolute;
background: url(//fiibo.com.br/wp-content/themes/saude/bem-estar/home-2025-v2/icones/listra-colorida.svg);
background-repeat: no-repeat;
width: 606px;
height: 1295px;
right: 0px;
top: -446px;
z-index: -1;
}
#clientes .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 158px;
}
#clientes .titulo {
font-weight: 700;
font-size: 41px;
line-height: 54px;
text-align: center;
color: var(--principal);
margin-bottom: 0;
}
#clientes .texto {
font-weight: 400;
font-size: 28px;
line-height: 44px;
text-align: center;
color: #000000;
margin-top: 0;
}
#clientes .bloco {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#clientes .container .num {
color: var(--principal);
font-weight: 800;
font-size: 46px;
line-height: 36.67px;
-webkit-margin-after: 0;
margin-block-end: 0;
}
#clientes .container .texto {
font-weight: 800;
font-size: 28px;
line-height: 36.67px;
color: var(--principal);
text-transform: uppercase;
-webkit-margin-before: 0;
margin-block-start: 0;
margin-bottom: 7px;
}
#clientes .container .mais {
color: var(--amarelo);
font-size: 61px;
}
#clientes .galeria-container {
width: 100%;
overflow: hidden;
padding: 30px 0;
}
#clientes .galeria-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
will-change: transform;
}
#clientes .galeria-coluna {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
min-width: 120px;
}
#clientes .galeria-item {
background-color: white;
border: 1px solid #DEDEDE;
border-radius: 9px;
width: 120px;
height: 90px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#clientes .galeria-item img {
width: 120px;
max-width: 100%;
max-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#clientes .infos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 57px !important;
margin-bottom: 42px !important;
margin: 0px auto;
width: 1490px;
max-width: 90%;
gap: 232px;
}
#clientes .infos .bloco {
margin-top: 14px;
}
#clientes .infos .bloco:nth-child(3) {
width: 490px;
}
#clientes .infos .bloco .num {
font-size: 88px;
font-weight: 800;
line-height: 37px;
text-align: center;
color: var(--principal);
margin: 0 !important;
}
#clientes .infos .bloco .texto {
font-size: 29px;
line-height: 41px;
text-align: center;
font-weight: 800;
color: #fff;
margin-bottom: 0 !important;
margin-top: 16px !important;
} #combos {
padding: 0 0 80px;
background-color: #fff;
overflow: hidden;
}
#combos .container_combos{
display: flex;
gap: 10px;
width: 1548px;
max-width: 92%;
margin: 0 auto;
}
#combos .container_combos .dir{
width: 74.5%;
}
#combos .titulo{
min-height: 81px;
background-color: black;
display: flex;
justify-content: center;
align-items: center;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
margin-bottom: 10px;
}
#combos .titulo .img-titulo{
width: 260px;
height: 42px;
}
#combos .boxes{
display: flex;
gap: 15px;
justify-content: space-between;
}
#combos .boxes .box{
width: 33%;
background-color: #ffff;
border-radius: 23px;
color: #000;
overflow: hidden;
display: flex;
flex-direction: column;
align-items: center;
padding: 0px;
border-radius: 0;
border-bottom-left-radius: 36px;
border-bottom-right-radius: 36px;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.19);
}
#combos .boxes .box .superior{
width: 100%;
background-color: var(--principal);
display: flex;
justify-content: center;
align-items: center;
}
#combos .boxes .box .superior.amarelo {
background-color: var(--amarelo);
}
#combos .boxes .box .superior.azul {
background-color: var(--azul);
}
#combos .boxes .box .superior.roxo {
background-color: var(--roxo);
}
#combos .swiper {
overflow: visible;
}
#combos .boxes .box .superior .titulo_box {
font-size: 30px;
line-height: 23px;
text-align: center;
font-weight: 800;
color: #fff;
}
#combos .boxes .box .box_content  {
height: 100%;
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
justify-content: space-between;
padding: 30px 5%;
}
#combos .boxes .box .box_content .content {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
#combos .boxes .box .img-box{
display: flex;
justify-content: center;
margin: 0 auto;
}
#combos .boxes .box  .texto{
font-size: 16px;
line-height: 26px;
text-align: left;
padding: 0 21px;
margin: 0;
margin-bottom: 0px;
}
#combos .boxes .box  .texto-grande {
font-size: 16px;
line-height: 24px;
text-align: left;
margin-left: 0px;
margin: 0;
}
#combos .boxes .box .icone {
background-image: url(//fiibo.com.br/wp-content/themes/saude/bem-estar/lp-meu-fiibo/planos/icones/icon-correto.svg);
background-repeat: no-repeat;
background-position: left top;
background-position-y: 7px;
padding-left: 35px;
display: flex;
align-items: center;
margin: 0;
}
#combos .boxes .box svg{
height: 10px;
min-height: 10px;
width: 10px;
}
#combos .boxes .box .inf {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 50px;
}
#combos .boxes .box .inf .titulo-num{
font-size: 76px;
font-weight: 800;
line-height: 57px;
text-align: center;
color: var(--principal);
margin: 0;
}
#combos .boxes .box .inf .titulo-num span{
font-size: 43px;
}
#combos .boxes .box .inf .texto2{
font-size: 27px;
font-weight: 400;
line-height: 36px;
color: #000;
margin: 0;
text-align: center;
}
#combos .boxes .box .inf .por{
border-radius: 1532px;
background-color: var(--principal);
font-size: 45px;
line-height: 47px;
text-align: center;
font-weight: 800;
color: white;
padding: 2px 0;
width: 234px;
margin-bottom: 10px;
}
#combos .boxes .box .inf .texto2 span{
color: var(--principal);
font-weight: 800;
font-size: 31px;
margin: 0;
display: block;
}
#combos .container_combos .esq {
width: 24.5%;
display: flex;
flex-direction: column;
}
#combos .esq .titulo{
width: 100%;
background-color: black;
display: flex;
justify-content: center;
align-items: center;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
padding: 0 10%;
box-sizing: border-box;
}
#combos .esq .box {
width: 100%;
height: 100%;
border-bottom-left-radius: 36px;
border-bottom-right-radius: 36px;
background: var(--principal);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0 10px;
box-sizing: border-box;
}
#combos .esq .box svg {
margin: 0 auto;
width: 31px;
height: 23px;
margin-bottom: 35px;
}
#combos .esq .box .texto{
font-size: 44px;
line-height: 54px;
text-align: center;
font-weight: 800;
color: #fff;
padding: 0 20px;
}
#combos .box_btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 57px 0 0 0;
}
#combos .btn-conversar {
width: 364px;
text-decoration: none;
border-radius: 37px;
font-size: 17px;
text-align: center;
border: 2px solid var(--principal);
color: #fff;
font-weight: 500;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 14px 38px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
#combos .btn-conversar .bg_color {
background-color: var(--principal);
}
#combos .btn-conversar.btn-effect .round {
background-color: var(--roxo);
}
#combos .btn-conversar:hover {
border-color: var(--roxo);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#combos .btn-conversar svg {
margin: 0 0 0 0.8vw;
width: 2vw;
} @media screen and (max-width: 1800px){
#combos .boxes .box .inf .titulo-num {
font-size: 58px;
}
#combos .boxes .box .inf .por {
font-size: 34px;
width: 100%;
}
#combos .boxes .box .inf .texto2 {
font-size: 24px;
}
#combos .boxes .box .inf .texto2 span {
font-size: 27px;
}
#combos .esq .box .texto {
font-size: 39px;
line-height: 48px;
}
#combos .boxes .box .superior .titulo_box {
font-size: 28px;
margin: 21px 0;
}
#combos .boxes {
gap: 10px;
}
}
@media screen and (max-width: 1600px){
#combos .boxes .box .superior .titulo_box {
font-size: 25px;
margin: 16px 0;
}
#combos .boxes .box .inf .titulo-num {
font-size: 46px;
}
#combos .boxes .box .inf .titulo-num span {
font-size: 32px;
}    
#combos .boxes .box .inf .titulo-num {
font-size: 40px;
}
#combos .boxes .box .inf .por {
font-size: 26px;
width: 100%;
}
#combos .boxes .box .inf .texto2 {
font-size: 20px;
}
#combos .boxes .box .inf .texto2 span {
font-size: 24px;
}
#combos .boxes .box .texto-grande, #combos .boxes .box .texto {
font-size: 14px;
line-height: 18px;
}
#combos .boxes .box .icone {
padding-left: 23px;
}
#combos .esq .box .texto {
font-size: 32px;
line-height: 41px;
}  
}
@media screen and (max-width: 1024px){
#combos .container_combos .dir {
width: 931px;
}
#combos .container_combos .esq {
width: 303px;
}
#combos .boxes .box {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.19);
}
#combos .dir .titulo {
padding-left: 40px;
justify-content: flex-start;
}
#combos .container_combos {
max-width: 100%;
width: 100%;
}
#combos .swiper {
padding: 0 5%;
overflow: hidden;
}
}
@media screen and (max-width: 600px){
#combos .boxes .box .img-box {
width: 55%;
}
#combos .boxes .box .box_content .content {
gap: 10px;
}
#combos .boxes .box .icone {
background-position-y: 2px;
}
#combos .boxes .box .inf .por {
line-height: 39px;
padding: 2px 0;
margin-bottom: 4px;
}
#combos .boxes .box .inf .texto2 {
line-height: 29px;
}
#combos .boxes .box .inf {
margin-top: 15px;
}
}  #vantagens {
margin-bottom: 0px;
}
#vantagens .container-swiper {
width: 1597px;
max-width: 90%;
margin: 0 auto;
position: relative;
padding-bottom: 118px;
}
#vantagens .header-vantagens {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
#vantagens .container-swiper .titulo {
font-weight: 700;
font-size: 41px;
line-height: 54px;
text-align: left;
color: var(--principal);
margin: 0;
}
#vantagens .swiper-nav-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
}
#vantagens .swiper-button-next,
#vantagens .swiper-button-prev {
position: static;
width: 50px;
height: 50px;
margin: 0;
border: 1px solid #ddd;
border-radius: 50%;
background-color: #fff;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
#vantagens .swiper-button-next:hover,
#vantagens .swiper-button-prev:hover {
background-color: #f7f7f7;
}
#vantagens .swiper-button-next::after,
#vantagens .swiper-button-prev::after {
font-size: 18px;
font-weight: 700;
color: var(--principal);
}
#vantagens .fiibo-vantagens-swiper {
width: 100%;
}
#vantagens .card-vantagem {
background-color: #f9f9f9;
border-radius: 24px;
width: 100%;
height: 300px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
border: 1px solid #eee;
padding: 25px 30px 35px 30px;
gap: 64px;
}
#vantagens .card-vantagem img {
width: 50px;
height: 50px;
}
#vantagens .card-conteudo {
display: flex;
flex-direction: column;
flex-grow: 1;
}
#vantagens .card-conteudo .titulo-rosa {
font-weight: 700;
font-size: 26px;
line-height: 1.2;
color: var(--principal);
margin-top: 0;
margin-bottom: 8px;
}
#vantagens .card-conteudo .subtitulo {
font-weight: 400;
font-size: 18px;
line-height: 1.4;
color: #333;
margin-top: 0;
margin-bottom: 25px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#vantagens .container-swiper .bloco-img .dir .texto {
font-weight: 400;
font-size: 20px;
line-height: 54px;
color: #000;
margin: 0;
}
#vantagens .container {
width: 1597px;
max-width: 90%;
margin: 0 auto;
position: relative;
border-radius: 49px;
background-color: #F5F5F5;
padding: 65px 90px 27px;
}  #vale {
position: relative;
z-index: 2;
margin-bottom: 93px;
padding: 110px 0;
background: #7B4BEF;
}
#vale .container {
width: 1606px;
max-width: 90%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: 65px;
-moz-column-gap: 65px;
column-gap: 65px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
background: #7B4BEF;
}
#vale .container .dir {
width: 43.9%;
position: relative;
}
#vale .container .dir .cartoes {
position: absolute;
width: 28.74999vw;
height: auto;
top: 20px;
left: 50%;
}
#vale .container .dir .titulo {
font-weight: 800;
font-size: 42px;
line-height: 56px;
color: #FED009;
margin: 0;
margin-top: 14px;
padding-bottom: 14px;
}
#vale .container .dir .texto-pequeno {
font-weight: 700;
font-size: 22.15px;
line-height: 31.79px;
color: #fff;
margin: 0;
}
#vale .container .dir .texto .block {
display: block;
}
#vale .container .dir .titulo b {
color: #FED009;
font-weight: 800;
}
#vale .container .dir .box_btn {
margin: 35px 0 0 0;
}
#vale .container .dir .btn-conversar {
width: 342px;
text-decoration: none;
border-radius: 37px;
font-size: 17px;
text-align: center;
border: 2px solid #fff;
color: #fff;
font-weight: 500;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 17px 38px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
font-family: "Cal Sans", sans-serif;
}
#vale .container .dir .btn-conversar .bg_color {
background-color: #FB3EAF;
}
#vale .container .dir .btn-conversar.btn-effect .round {
background-color: #FED009;
}
#vale .container .dir .btn-conversar:hover {
color: #7B4BEF;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#vale .container .dir .btn-conversar svg {
margin: 0 0 0 0.8vw;
width: 2vw;
}
#vale .container .esq {
width: 52%;
-webkit-box-shadow: -1px 5px 19.7px 4px #00000030;
box-shadow: -1px 5px 19.7px 4px #00000030;
background-color: #fff;
border-radius: 50px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
padding: 4.6875vw 3.90625vw;
overflow: hidden;
height: 26vw;
}
#vale .pessoa p {
margin: 0;
}
#vale .pessoa .nome {
font-weight: 800;
font-size: 38.88px;
color: #7B4BEF;
}
#vale .pessoa .cargo {
font-weight: 400;
font-size: 23.33px;
}
#vale .pessoa .valores {
font-weight: 400;
font-size: 23.33px;
text-align: right;
}
#vale .pessoa .valores b {
font-weight: 500;
font-size: 22px;
display: block;
}
#vale .pessoa .profile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
#vale .pessoa .perfil {
width: 65px;
height: 65px;
}
#vale .pessoa {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#vale .blocos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
margin-top: 35px;
}
#vale .blocos .bloco {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
width: 25%;
position: relative;
padding: 8px;
height: 8.125vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#vale .blocos .bloco img {
max-width: 85%;
max-height: 70%;
}
#vale .blocos .bloco::before {
content: '';
display: block;
width: calc(100% - 16px);
height: 8px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
position: absolute;
top: 8px;
left: 8px;
}
#vale .blocos .bloco.azul {
border: 4px solid var(--azul);
}
#vale .blocos .bloco.azul::before {
background-color: var(--azul);
}
#vale .blocos .bloco.rosa {
border: 4px solid #FB3EAF;
}
#vale .blocos .bloco.rosa::before {
background-color: #FB3EAF;
}
#vale .blocos .bloco.azul-escuro {
border: 4px solid #2F3AEC;
}
#vale .blocos .bloco.azul-escuro::before {
background-color: #2F3AEC;
}
#vale .blocos .bloco.roxo {
border: 4px solid #7B4BEF;
}
#vale .blocos .bloco.roxo::before {
background-color: #7B4BEF;
}
#vale .blocos .bloco.seguro {
border: 4px solid #ce484f;
}
#vale .blocos .bloco.seguro::before {
background-color: #ce484f;
}
#vale .blocos .bloco.farmacia {
border: 4px solid #5c9898;
}
#vale .blocos .bloco.farmacia::before {
background-color: #5c9898;
}
#vale .blocos .bloco.consulta {
border: 4px solid #d5802d;
}
#vale .blocos .bloco.consulta::before {
background-color: #d5802d;
}
#vale .blocos .bloco.amarelo {
border: 4px solid #FED009;
}
#vale .blocos .bloco.amarelo::before {
background-color: #FED009;
}
#vale .blocos .bloco.estetica {
border: 4px solid #c6448a;
}
#vale .blocos .bloco.estetica::before {
background-color: #c6448a;
}
#vale .contador {
-webkit-box-shadow: 0px 4.46px 4.46px 0px #00000040;
box-shadow: 0px 4.46px 4.46px 0px #00000040;
width: 100%;
height: 45px;;
border: 2.5px solid #FB3EAF;
margin-top: 35px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding: 2px;
}
#vale .contador .roxo {
background-color: #7b4bef;
}
#vale .contador .azul-escuro {
background-color: #2F3AEC;
}
#vale .contador .rosa {
background-color: #FB3EAF;
}
#vale .contador .azul {
background-color: var(--azul);
}
#vale .contador .seguro {
background-color: #ce484f;
}
#vale .contador .farmacia {
background-color: #5c9898;
}
#vale .contador .consulta {
background-color: #d5802d;
}
#vale .contador .amarelo {
background-color: #fed009;
}
#vale .contador .estetica {
background-color: #c6448a;
}
.profile,
.valores {
display: none;
opacity: 0;
position: relative;
}
.blocos,
.contador {
display: none;
opacity: 0;
} #flexibilidade {
margin-bottom: 131px;
}
#flexibilidade .container {
width: 1597px;
max-width: 90%;
margin: 0 auto;
position: relative;
}
#flexibilidade .container .box {
width: 100%;
height: 317px;
background: url(//fiibo.com.br/wp-content/themes/saude/bem-estar/home-2025-v2/img-fundo-container.webp);
background-size: cover;
background-repeat: no-repeat;
border-radius: 33px;
position: relative;
z-index: 2;
padding: 48px 79px;
}
#flexibilidade .container .box .texto {
font-weight: 700;
font-size: 28px;
line-height: 36.5px;
color: white;
margin-top: 19px;
}
#flexibilidade .container .box .texto span {
font-weight: 800;
}  #form-demo {
margin-bottom: 184px;
}
#form-demo .container {
width: 1597px;
max-width: 90%;
margin: 0 auto;
position: relative;
}
#form-demo .container .titulo {
font-weight: 700;
font-size: 41px;
line-height: 54px;
text-align: center;
color: var(--principal);
margin: 0;
}
#form-demo .container .texto {
font-weight: 400;
font-size: 28px;
text-align: center;
line-height: 44px;
margin: 0;
padding-bottom: 40px;
}
#form-demo .container .box-form {
width: 100%;
background-color: #D9D9D9;
border-radius: 40px;
padding: 128px;
}
#form-demo .container .box-form .form-boas-vindas {
width: 468px;
max-width: 90%;
background-color: white;
border-radius: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
padding: 52px 0 9px;
}
#form-demo .container .box-form .form-boas-vindas .texto {
font-weight: 400;
font-size: 18px;
line-height: 10px;
text-align: center;
color: #000;
padding-bottom: 20px;
padding-top: 15px;
}
#form-demo .container .box-form .form-boas-vindas .box-input {
width: 352px;
max-width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
margin-bottom: 20px;
}
#form-demo .container .box-form .form-boas-vindas .box-input svg {
position: absolute;
left: 22px;
top: 18px;
}
#form-demo .container .box-form .form-boas-vindas .box-input input {
width: 100%;
padding: 17px 67px;
border: 1px solid var(--principal);
border-radius: 50px;
font-weight: 400;
font-size: 18px;
line-height: 10px;
color: #A6A6A6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-transition: -webkit-box-shadow 0.2s;
transition: -webkit-box-shadow 0.2s;
-o-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
cursor: pointer;
}
#form-demo .container .box-form .form-boas-vindas .submit-button {
width: 352px;
max-width: 90%;
padding: 23px 67px;
border: 1px solid var(--principal);
background-color: var(--principal);
border-radius: 50px;
font-weight: 800;
font-size: 18px;
line-height: 10px;
color: white;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
-webkit-transition: ease-in .3s;
-o-transition: ease-in .3s;
transition: ease-in .3s;
cursor: pointer;
margin-bottom: 34px;
}
#form-demo .container .box-form .form-boas-vindas .submit-button:hover {
background-color: transparent;
color: #000;
}
#form-demo .container .box-form .form-boas-vindas .footer-text {
font-weight: 400;
font-size: 18px;
line-height: 10px;
text-align: center;
color: #A6A6A6;
}
#form-demo .container .box-form .form-boas-vindas .footer-text a {
font-weight: 700 !important;
color: #054BE0 !important;
text-decoration: none !important;
}
#form-demo .container .area-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 44px;
margin-top: 53px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#form-demo .container .btn-01 {
width: 412px;
text-decoration: none;
border-radius: 39px;
font-size: 18px;
text-align: center;
border: 2px solid var(--principal);
color: var(--principal);
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 5px;
padding: 22px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
#form-demo .container .btn-01 .bg_color {
background-color: #fff;
}
#form-demo .container .btn-01.btn-effect .round {
background-color: var(--azul);
}
#form-demo .container .btn-01:hover {
border-color: var(--azul);
color: #fff;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#form-demo .container .btn-01 svg {
margin: 0 0 0 0.8vw;
width: 2vw;
}
#form-demo .container .btn-02 {
width: 412px;
text-decoration: none;
border-radius: 37px;
font-size: 18px;
text-align: center;
border: 2px solid #fff;
color: #fff;
font-weight: 700;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 5px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding: 22px 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
#form-demo .container .btn-02 .bg_color {
background-color: var(--principal);
}
#form-demo .container .btn-02.btn-effect .round {
background-color: var(--amarelo);
}
#form-demo .container .btn-02:hover {
border-color: var(--amarelo);
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
#form-demo .container .btn-02 svg {
margin: 0 0 0 0.8vw;
width: 2vw;
} #parceiros {
margin-bottom: 258px;
}
#parceiros .container {
width: 1597px;
max-width: 90%;
margin: 0 auto;
position: relative;
}
#parceiros .container .titulo {
font-weight: 700;
font-size: 41px;
line-height: 54px;
text-align: center;
color: var(--principal);
margin: 0;
}
#parceiros .container .texto {
font-weight: 400;
font-size: 28px;
line-height: 44px;
text-align: center;
color: #000;
margin: 0;
padding-bottom: 39px;
}
#parceiros .container .box-parceiros {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
gap: 94px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#parceiros .container .box-parceiros .box {
max-width: 100%;
}
#parceiros .container .box-parceiros .box img {
max-width: 100%;
}  @media screen and (max-width: 1725px) {
#banner_home .container .esq .titulo {
font-size: 48px;
line-height: 62px;
}
}
@media screen and (max-width: 1680px) {
#vale .container .dir .titulo {
font-size: 36px;
}
#vale .container .dir .texto {
font-size: 28px;
line-height: 32px;
}
#vale .container .dir .texto-pequeno {
line-height: 27px;
}
#cta .container .esq {
padding: 89px 357px 87px 73px;
}
#cta .container .esq::before {
width: 341px;
bottom: -84px;
}
}
@media screen and (max-width: 1600px) {
#banner_home .container .esq {
width: 53%;
}
#vantagens .container {
padding: 50px;
}
#vale .container .dir .titulo {
line-height: 37px;
font-size: 35px;
}
#vale .container .esq {
padding: 2.6875vw 3.90625vw;
height: 27vw;
}
} @media screen and (max-width: 1440px) {
#banner_home .container .esq .titulo {
font-size: 40px;
line-height: 50px;
margin-bottom: 33px;
}
#banner_home .container .esq .texto {
font-size: 20px;
line-height: 28px;
margin-bottom: 30px;
}
#banner_home .container .esq .area-btn {
margin-top: 37px;
}
#vantagens .card-vantagem {
gap: 70px;
padding: 25px 12px 16px 30px;
height: 349px;
}
#vale .container .esq {
padding: 3.6875vw 2.90625vw;
}
#vale .pessoa .nome {
font-size: 24.88px;
}
#vale .pessoa .cargo {
font-size: 18.33px;
}
#vale .pessoa .valores {
font-size: 19.33px;
}
#vale .pessoa .valores b {
font-size: 20px;
}
#vale .pessoa .perfil {
width: 60px;
height: 60px;
}
#vale .blocos .bloco {
height: 9.125vw;
}
#vale .container .esq .texto {
font-size: 14px;
}
#vale .container .dir .titulo {
line-height: 34px;
font-size: 32px;
}
#vale .container .dir .texto {
font-size: 25px;
}
#parceiros .container .box-parceiros {
gap: 65px;
} }
@media only screen and (max-width: 1366px) {
#vale .container .esq {
height: 28vw;
}
}
@media screen and (max-width: 1280px) {
#cta .container .esq {
padding: 89px 215px 87px 73px;
}
#cta .container .futuro {
font-size: 22px;
}
#vale .contador {
height: 39px;
} }
@media screen and (max-width: 1200px) {
#clientes .container {
gap: 134px;
}
#clientes .container .num {
font-size: 42px;
}
#clientes .container .mais {
font-size: 54px;
}
#clientes .container .texto {
font-size: 26px;
}
#vale .container .dir .titulo {
margin-top: 24px;
} #vantagens .container {
padding: 44px;
} #vale .container .esq {
height: 31vw;
}
#vale .container .dir .texto {
font-size: 22px;
} #form-demo .container .btn-01 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 22px 19px;
}
#form-demo .container .btn-02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 22px 19px;
}
#form-demo .container .titulo {
font-size: 37px;
line-height: 36px;
}
#form-demo .container .texto {
font-size: 24px;
}
#parceiros .container .titulo {
font-size: 37px;
line-height: 36px;
}
#parceiros .container .texto {
font-size: 24px;
} }
@media screen and (max-width: 1080px) {
#banner_home .container .esq .titulo {
font-size: 38px;
} }
@media screen and (max-width: 1024px) {
#banner_home .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 50px;
}
#banner_home .container .esq,
#banner_home .container .dir,
#banner_home .area-vermelha {
width: 100%;
}
#banner_home:after {
display: none;
}
#banner_home {
padding-top: 178px;
}
#banner_home {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 50px;
}
#banner_home .animacao {
width: 90%;
margin: 0 auto;
position: relative;
}
#banner_home .pessoas .nome {
font-size: 20px;
}
#banner_home .pessoas .cargo {
font-size: 13px;
}
#banner_home .pessoas .colaborador .perfil {
width: 30px;
height: 30px;
}
#banner_home .pessoas .colaborador {
padding: 0.925vw;
width: 22.83333vw;
}
#banner_home .pessoas .colaborador.swiper-slide-active::before {
top: 50%;
}
#banner_home .pessoas .colaborador.swiper-slide-next::before {
top: 1.5vw;
}
#banner_home .fixa {
top: 4vw;
right: 32vw;
width: 27.645vw;
height: 27.645vw;
}
#banner_home .mockup {
top: -3vw;
right: 36vw;
width: 21.645vw;
}
#banner_home .pessoas {
margin-left: 4.2vw;
height: 21.9541vw;
}
#banner_home .circle {
right: 2vw;
}
#banner_home .circulo {
width: 36.9583vw;
height: 36.9583vw;
}
#banner_home .logos-container {
top: -2.927vw;
right: -3.5875vw;
width: 42.604166vw;
height: 42.604166vw;
}
#banner_home .logos-container .logo {
width: 6.7916vw;
height: 6.7916vw;
}
#banner_home .slide-setores {
top: 13vw;
right: 9vw;
width: 16vw;
height: 11vw;
}
#banner_home .slide-setores .setor {
width: 7.72916vw;
height: 7.72916vw;
border: 1px solid #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
#banner_home .slide-setores p {
font-size: 18px;
line-height: 26px;
color: #fff;
}
#banner_home {
padding-bottom: 11vw;
}
#banner_home .fixa svg {
width: 15.45833vw;
height: 7.10416vw;
}
#banner_home .fixa img {
width: 16.4479vw;
height: 5.145833vw;
}
#banner_home .circulo circle {
stroke: #fff;
}
#banner_home .container .esq .btn-01,
#banner_home .container .esq .btn-02 {
font-size: 16px;
}
#clientes .container {
gap: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#clientes .titulo {
font-size: 35px;
line-height: 42px;
padding: 0 6px;
}
#clientes .texto {
font-size: 25px;
line-height: 33px;
padding: 0 6px;
}
#solucoes .container .boxes {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
} #vantagens .header-vantagens {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: normal;
-ms-flex-align: normal;
align-items: normal;
gap: 16px;
}
#vantagens .container-swiper .titulo {
font-size: 35px;
line-height: 42px;
}
#vantagens .swiper-nav-buttons {
gap: 15px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
} #vale {
overflow: hidden;
padding-bottom: 50px;
}
#vale .blocos .bloco {
height: 19.125vw;
}
#vale .container .esq {
padding: 40px 30px;
width: 100%;
height: calc(36vw + 80px);
}
#vale .container {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
#vale .container .dir {
width: 100%;
margin-bottom: 40px;
}
#flexibilidade {
margin-bottom: 84px;
}
#flexibilidade .container .box {
padding: 48px 51px;
}
#flexibilidade .container .box .texto {
font-size: 24px;
line-height: 34.5px;
} #form-demo {
margin-bottom: 104px;
}
#form-demo .container .titulo,
#parceiros .container .titulo {
font-size: 33px;
line-height: 31px;
padding: 0 10px;
margin-bottom: 10px;
}
#form-demo .container .area-btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
#form-demo .container .texto,
#parceiros .container .texto {
font-size: 22px;
line-height: 27px;
}
#parceiros {
margin-bottom: 160px;
}
#parceiros .container .box-parceiros {
gap: 37px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
} }
@media only screen and (max-width: 900px) {
#vale .container .esq {
height: calc(39vw + 80px);
}
}
@media screen and (max-width: 768px) {
#vantagens .container {
padding: 27px;
} #form-demo .container .texto,
#parceiros .container .texto {
padding-bottom: 20px;
}
#form-demo .container .box-form {
padding: 40px;
}
#form-demo .container .box-form .form-boas-vindas {
width: 100%;
max-width: 100%;
}
#form-demo .container .btn-01 svg {
margin: 0 0 0 0.8vw;
width: 30px;
}
#form-demo .container .btn-02 svg {
margin: 0 0 0 0.8vw;
width: 30px;
}
#cta .container .esq::before {
width: 202px;
bottom: -236px;
}
}
@media screen and (max-width: 680px){  }
@media screen and (max-width: 650px) {
#banner_home {
padding-bottom: 92vw;
}
#banner_home.v2 {
padding-bottom: 122vw;
}
#banner_home .animacao {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
#banner_home .fixa {
top: 25vw;
right: calc(50% - 25.32vw);
width: 50.645vw;
height: 50.645vw;
}
#banner_home .fixa svg {
width: 29.45833vw;
height: 13.10416vw;
}
#banner_home .fixa img {
width: 32.4479vw;
height: 10.145833vw;
}
#banner_home .mockup {
top: 30vw;
width: 33.645vw;
right: 32vw;
}
#banner_home .circulo {
width: 72.9583vw;
height: 72.9583vw;
}
#banner_home .circle {
right: calc(50% - 36.47915vw);
top: 49vw;
}
#banner_home .circle.circlev2 {
top: 79vw;
}
#banner_home .logos-container .logo {
width: 12.7916vw;
height: 12.7916vw;
}
#banner_home .slide-setores {
top: 30vw;
right: 19vw;
width: 36vw;
height: 28vw;
}
#banner_home .logos-container {
width: 85.604166vw;
height: 85.604166vw;
right: -6.5875vw;
top: -5.927vw;
}
#banner_home .pessoas {
width: 100%;
margin-left: 0;
height: 34.9541vw;
}
#banner_home .pessoas .swiper {
height: 40%;
}
#banner_home .slide-setores .setor {
width: 12.72916vw;
height: 12.72916vw;
}
#banner_home .pessoas .colaborador {
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
padding: 1vw 2vw;
filter: blur(1.5px);
-webkit-filter: blur(1.5px);
margin-left: 0;
}
#banner_home .pessoas .colaborador .perfil {
width: 9vw;
height: 9vw;
}
#banner_home .pessoas .nome {
font-size: 3.5vw;
}
#banner_home .pessoas .cargo {
font-size: 2.35vw;
}
#banner_home .pessoas .colaborador.colaborador3,
#banner_home .pessoas .colaborador.colaborador4 {
display: none;
}
#banner_home .pessoas .colaborador::before {
height: 200px;
width: 3px;
}
#banner_home .pessoas .colaborador.swiper-slide-next::before {
transform: rotate(50deg);
-webkit-transform: rotate(50deg);
-moz-transform: rotate(50deg);
-ms-transform: rotate(50deg);
-o-transform: rotate(50deg);
right: 113%;
top: 7vw;
}
#banner_home .pessoas .colaborador.swiper-slide-prev::before {
transform: rotate(-50deg);
-webkit-transform: rotate(-50deg);
-moz-transform: rotate(-50deg);
-ms-transform: rotate(-50deg);
-o-transform: rotate(-50deg);
right: -13%;
top: 7vw;
}
#banner_home .pessoas .colaborador.swiper-slide-active::before {
transform: rotate(0deg);
right: 50%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
top: 100%;
}
#banner_home .area-vermelha {
background-size: 150%;
background-position: 51% 4%;
}
#clientes .titulo {
font-size: 32px;
line-height: 35px;
margin-bottom: 10px;
}
#clientes .texto {
font-size: 23px;
line-height: 28px;
} #vantagens .container-swiper .titulo {
font-size: 32px;
line-height: 35px;
} #vale .blocos {
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#vale .blocos .bloco {
width: calc(50% - 5px);
height: 30.125vw;
}
#vale .blocos .bloco img {
width: 80%;
}
#vale .pessoa {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
#vale .pessoa .valores {
text-align: left;
}
#vale .container .esq {
padding: 40px 20px;
height: calc(129vw + 80px);
}
#vale {
margin-bottom: 40px;
}
#vale .container .dir .titulo {
line-height: 27px;
font-size: 27px;
}
#vale .container .dir .texto {
font-size: 18px;
line-height: 25px;
}
#vale .container .dir .texto-pequeno {
line-height: 25px;
font-size: 18px;
}
}
@media screen and (max-width: 600px) {
#banner_home .container .esq .titulo {
font-size: 32px;
line-height: 47px;
}
#vale .container .dir .btn-conversar {
width: 100%;
font-size: 16px;
}
#flexibilidade .container .box {
padding: 49px 28px;
}
#flexibilidade .container .box .texto {
font-size: 19px;
line-height: 28px;
} #form-demo .container .btn-01 {
font-size: 16px;
gap: 14px;
padding: 22px 31px;
}
#form-demo .container .btn-02 {
font-size: 16px;
gap: 14px;
padding: 22px 31px;
}
#form-demo .container .titulo,
#parceiros .container .titulo {
font-size: 31px;
}
#form-demo .container .texto,
#parceiros .containet .texto {
font-size: 18px;
line-height: 25px;
}
#vale .contador {
margin-top: 15px;
}
}
@media screen and (max-width: 543px) {
#vale .container .esq {
height: calc(134vw + 80px);
}
}
@media screen and (max-width: 523px) {
#banner_home .container .esq .texto {
font-size: 18px;
line-height: 25px;
margin-bottom: 29px;
}
#banner_home .container .esq .btn-01,
#banner_home .container .esq .btn-02 {
font-size: 14px;
}
}
@media only screen and (max-width: 480px) {
#vale .container .esq {
height: calc(139vw + 80px);
}
}
@media screen and (max-width: 490px) {
#banner_home .area-btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left: 6px;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
}
#banner_home .btn-01 {
width: 71%;
font-size: 15px;
padding: 12px;
}
#banner_home .btn-02 {
width: 100%;
font-size: 15px;
padding: 12px;
}
#clientes .container .num {
font-size: 37px;
}
#clientes .container .texto {
font-size: 23px;
}
#solucoes .container .btn-01 {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#solucoes .container .btn-02 {
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}  #flexibilidade .container .box .texto {
font-size: 18px;
line-height: 25px;
} #form-demo {
margin-bottom: 86px;
}
#form-demo .container .btn-01 {
width: 100%;
}
#form-demo .container .btn-02 {
width: 100%;
}
#form-demo .container .box-form .form-boas-vindas .texto {
font-size: 17px;
line-height: 20px;
padding: 13px 10px;
}
#form-demo .container .btn-01 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#form-demo .container .btn-02 {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
} }
@media screen and (max-width: 430px) {
#vale .container .esq {
height: calc(149vw + 80px);
}
}
@media screen and (max-width: 425px) {
#banner_home .pessoas .colaborador::before {
height: 159px;
width: 3px;
}
#banner_home .pessoas .colaborador.swiper-slide-next::before {
top: 5vw;
}
#banner_home .pessoas .colaborador.swiper-slide-prev::before {
top: 5vw;
}
}
@media screen and (max-width: 440px) {
#vantagens {
margin-bottom: 52px;
}
#vale .container .dir .btn-conversar {
padding: 11px 10px;
font-size: 14px;
} #form-demo .container .box-form {
padding: 22px;
}
#form-demo .container .box-form .form-boas-vindas .submit-button {
padding: 23px 30px;
} }
@media only screen and (max-width: 409px) {
#vale .container .esq {
height: calc(147vw + 80px);
}
#form-demo .container .box-form .form-boas-vindas .box-input input {
padding: 17px 50px;
}
#cta .container .texto-relative {
line-height: 21px;
padding: 10px 8px;
}
}
@media screen and (max-width: 360px) {
#banner_home .container .esq .titulo {
line-height: 35px;
margin-bottom: 19px;
}
#banner_home .container .esq .texto {
line-height: 22px;
margin-bottom: 19px;
}
#vantagens .container {
padding: 20px;
}  #form-demo .container .box-form .form-boas-vindas .submit-button {
padding: 21px 11px;
}
#form-demo .container .titulo,
#parceiros .container .titulo {
font-size: 28px;
} #vale .blocos .bloco {
height: 28.125vw;
}
}