@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/**
* Regras compartilhadas por todas as páginas de `pages/`.
* Carregue este arquivo antes do CSS específico de cada serviço.
*/
/**
*
* Estilos site Selecao Natural
* Desenvolvimento NSWeb
*
* -Desenvolvedores: Miguel de Oliveira Correia e Odair Cesar Ferreira
*
*/
.card-article {
box-shadow: 0 0 30px rgba(0, 67, 129, 0.1450980392);
border: 1px solid rgba(0, 67, 129, 0.3019607843);
background-color: #fff;
width: 274px;
}
.card-article__link {
flex: 1;
}
.card-article__link__image {
width: 100%;
aspect-ratio: 5/4;
object-fit: cover;
object-position: center;
background-color: #e7f9ff;
}
.card-article__box {
flex: 1;
gap: 15px;
padding: 25px;
}
@media (max-width: 1546px) {
.card-article__box {
gap: 10px;
padding: 15px;
}
}
.card-article__box__header {
gap: 20px;
}
@media (max-width: 1546px) {
.card-article__box__header {
gap: 12px;
}
}
.card-article__box__header__category {
color: #0e6d87;
font-size: 13px;
font-weight: 600;
line-height: 1.57;
text-transform: uppercase;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.card-article__box__header__category {
font-size: 9px !important;
}
}
.card-article__box__header__category:hover {
color: #55c1df;
}
.card-article__box__header__circle {
background-color: #FFC631;
width: 5px;
height: 5px;
border-radius: 10px;
}
.card-article__box__header__date {
color: #202C38;
font-size: 13px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
}
@media (max-width: 1546px) {
.card-article__box__header__date {
font-size: 9px !important;
}
}
.card-article__box__title {
line-height: 1;
min-height: 110px;
}
@media (max-width: 1546px) {
.card-article__box__title {
min-height: 104px;
line-height: 0.9;
}
}
@media (max-width: 598px) {
.card-article__box__title {
min-height: 70px;
}
}
.card-article__box__title__link {
color: #000810;
font-size: 21px;
font-weight: 700;
line-height: 1;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.card-article__box__title__link {
font-size: 17px;
}
}
.card-article__box__title__link:hover {
color: #202C38;
opacity: 0.8;
}
.card-article__box__subtitle {
min-height: 94px;
}
@media (max-width: 1546px) {
.card-article__box__subtitle {
min-height: 80px;
}
}
.card-article__box__subtitle__link {
color: #202C38;
font-size: 16px;
line-height: 1.47;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.card-article__box__subtitle__link {
font-size: 13px;
}
}
.card-article__box__subtitle__link:hover {
color: #A9A9A9;
opacity: 0.8;
}
.card-article__box__btn {
color: #0e6d87;
font-size: 18px;
font-weight: 600;
line-height: 127%;
text-transform: uppercase;
text-decoration: none !important;
gap: 5px;
}
@media (max-width: 1546px) {
.card-article__box__btn {
font-size: 14px;
}
}
.card-article__box__btn svg {
margin-bottom: 2px;
}
@media (max-width: 1400px) {
.card-article__box__btn svg {
width: 22px;
height: auto;
}
}
.card-article__box__btn svg path {
fill: #0e6d87;
}
.card-article__box__btn:hover {
color: #88C9DB;
}
.card-article__box__btn:hover svg path {
fill: #88C9DB;
}

.blog-item {
gap: 30px;
}
@media (max-width: 1400px) {
.blog-item {
gap: 20px;
}
}
@media (max-width: 598px) {
.blog-item {
flex-direction: column;
gap: 5px;
border-bottom: 1px solid #eee;
min-width: 46%;
flex: 1;
}
}
.blog-item__link {
flex: 1;
max-width: 435px;
}
@media (max-width: 1400px) {
.blog-item__link {
max-width: 320px;
}
}
@media (max-width: 1200px) {
.blog-item__link {
max-width: 280px;
}
}
@media (max-width: 998px) {
.blog-item__link {
max-width: 200px;
}
}
@media (max-width: 768px) {
.blog-item__link {
max-width: 240px;
}
}
@media (max-width: 598px) {
.blog-item__link {
max-width: max-content;
flex: none;
width: 100%;
}
}
.blog-item__link__image-preview {
width: 100%;
aspect-ratio: 5/4;
object-fit: cover;
object-position: center;
}
.blog-item__textos {
flex: 1;
gap: 15px;
padding: 25px 0;
}
@media (max-width: 1400px) {
.blog-item__textos {
gap: 7px;
}
}
@media (max-width: 998px) {
.blog-item__textos {
padding: 10px 0;
}
}
@media (max-width: 598px) {
.blog-item__textos {
padding: 5px 0;
gap: 5px;
}
}
.blog-item__textos__infos {
gap: 20px;
}
.blog-item__textos__infos__category__link {
color: #000810;
font-size: 13px;
font-weight: 600;
line-height: 1.57;
text-transform: uppercase;
text-decoration: none !important;
}
@media (max-width: 1400px) {
.blog-item__textos__infos__category__link {
font-size: 9px !important;
}
}
.blog-item__textos__infos__category__link:hover {
color: #30a1c1;
}
.blog-item__textos__infos__circle {
background-color: #FFC631;
width: 5px;
height: 5px;
border-radius: 10px;
}
.blog-item__textos__infos__date {
color: #202C38;
font-size: 13px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
}
@media (max-width: 1400px) {
.blog-item__textos__infos__date {
font-size: 9px !important;
}
}
.blog-item__textos__title__link {
color: #000810;
font-size: 23px;
font-weight: 700;
line-height: 1.19;
text-decoration: none !important;
margin-bottom: 5px;
}
@media (max-width: 1400px) {
.blog-item__textos__title__link {
font-size: 19px;
}
}
@media (max-width: 1200px) {
.blog-item__textos__title__link {
font-size: 16px;
}
}
.blog-item__textos__title__link:hover {
color: #202C38;
opacity: 0.8;
}
@media (max-width: 998px) {
.blog-item__textos__resume {
display: none;
}
}
@media (max-width: 768px) {
.blog-item__textos__resume {
display: block;
}
}
.blog-item__textos__resume__link {
color: #202C38;
font-size: 16px;
line-height: 1.47;
text-decoration: none !important;
}
@media (max-width: 1400px) {
.blog-item__textos__resume__link {
font-size: 13px;
}
}
@media (max-width: 1200px) {
.blog-item__textos__resume__link {
font-size: 11px;
}
}
.blog-item__textos__resume__link:hover {
color: #A9A9A9;
opacity: 0.8;
}
.blog-item__textos__btn {
color: #0e6d87;
font-size: 18px;
font-weight: 600;
line-height: 127%;
text-transform: uppercase;
text-decoration: none !important;
gap: 5px;
}
@media (max-width: 1400px) {
.blog-item__textos__btn {
font-size: 14px;
}
}
@media (max-width: 1200px) {
.blog-item__textos__btn {
font-size: 11px;
}
}
.blog-item__textos__btn svg {
margin-bottom: 2px;
}
@media (max-width: 1400px) {
.blog-item__textos__btn svg {
width: 22px;
height: auto;
}
}
@media (max-width: 1200px) {
.blog-item__textos__btn svg {
width: 18px;
height: auto;
}
}
.blog-item__textos__btn svg path {
fill: #0e6d87;
}
.blog-item__textos__btn:hover {
color: #88C9DB;
}
.blog-item__textos__btn:hover svg path {
fill: #88C9DB;
}

.card-pagamento {
gap: 15px;
align-self: stretch;
height: 100%;
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 129, 164, 0.2901960784);
border: 1px solid rgba(50, 69, 74, 0.2901960784);
border-radius: 12px;
padding: 20px;
margin-top: 30px;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.card-pagamento {
gap: 10px;
}
}
.card-pagamento__image {
max-height: 70px;
object-fit: contain;
object-position: center;
height: auto;
box-shadow: 0 2px 10px rgba(0, 129, 164, 0.5098039216);
border: 1px solid rgba(50, 69, 74, 0.2901960784);
border-radius: 12px;
padding: 10px;
margin-top: -50px;
background-color: #fff;
}
@media (max-width: 1200px) {
.card-pagamento__image {
max-height: 60px;
}
}
.card-pagamento__title {
color: #264c5b;
font-size: 19px;
font-weight: 400;
line-height: 1.2;
text-align: center;
min-height: 45px;
}
@media (max-width: 1200px) {
.card-pagamento__title {
font-size: 16px;
min-height: 38px;
}
}
.card-pagamento__subtitle {
text-align: center;
min-height: 168px;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
text-align: center;
}
@media (max-width: 1546px) {
.card-pagamento__subtitle {
min-height: 137px;
}
}
@media (max-width: 1200px) {
.card-pagamento__subtitle {
min-height: 175px;
}
}
@media (max-width: 998px) {
.card-pagamento__subtitle {
min-height: 119px;
}
}
@media (max-width: 768px) {
.card-pagamento__subtitle {
min-height: 137px;
}
}

.card-faq {
gap: 25px;
width: 48.5%;
position: relative;
}
@media (max-width: 1546px) {
.card-faq {
width: 48%;
}
}
@media (max-width: 1200px) {
.card-faq {
gap: 15px;
}
}
@media (max-width: 768px) {
.card-faq {
width: 100%;
}
}
.card-faq::before {
position: absolute;
display: block;
content: " ";
background-color: #a1d9f2;
left: 17px;
top: 50px;
height: calc(100% - 50px);
width: 3px;
border-radius: 8px;
}
@media (max-width: 1200px) {
.card-faq::before {
width: 2px;
height: calc(100% - 40px);
left: 13px;
top: 40px;
}
}
.card-faq__icon {
width: 40px;
height: auto;
}
@media (max-width: 1200px) {
.card-faq__icon {
width: 30px;
}
}
.card-faq__box {
gap: 10px;
flex: 1;
}
.card-faq__box__title {
color: #a1d9f2;
font-size: 23px;
font-weight: 400;
line-height: 1.2;
}
@media (max-width: 1546px) {
.card-faq__box__title {
font-size: 19px;
}
}
@media (max-width: 1200px) {
.card-faq__box__title {
font-size: 15px;
}
}
.card-faq__box__subtitle {
color: #ddf3fc;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
@media (max-width: 1546px) {
.card-faq__box__subtitle {
font-size: 13px;
}
}
@media (max-width: 1200px) {
.card-faq__box__subtitle {
font-size: 11px;
}
}

.card-servico {
display: flex;
position: relative;
width: 260px;
}
@media (max-width: 1546px) {
.card-servico {
width: 190px;
}
}
@media (max-width: 1200px) {
.card-servico {
width: 160px;
}
}
.card-servico__image {
aspect-ratio: 26/41;
width: 100%;
height: auto;
object-position: center;
object-fit: cover;
border-radius: 16px;
}
.card-servico__title {
position: absolute;
background-color: #214851;
padding: 16px;
margin: 0;
left: 0;
bottom: 48px;
color: #FFF;
font-size: 26px;
font-family: "PT Serif", Arial, serif;
text-transform: uppercase;
}
@media (max-width: 1546px) {
.card-servico__title {
padding: 12px;
font-size: 18px;
}
}
@media (max-width: 1200px) {
.card-servico__title {
padding: 8px;
font-size: 15px;
}
}
.card-servico:hover .card-servico__image {
opacity: 0.8;
}
.card-servico:hover .card-servico__title {
background-color: #30a1c1;
}

.cabecalho {
position: relative;
background-color: #377D8C;
padding: 50px 0;
}
.cabecalho__img-absolute {
position: absolute;
top: 0;
right: 0;
max-height: 100%;
}
.cabecalho__container__left {
gap: 10px;
align-items: start !important;
}
@media (max-width: 768px) {
.cabecalho__container__left {
align-items: center !important;
}
}
.cabecalho__container__left__title {
color: #fff;
font-size: 72px;
line-height: 1.2;
}
@media (max-width: 1546px) {
.cabecalho__container__left__title {
font-size: 52px;
}
}
@media (max-width: 1200px) {
.cabecalho__container__left__title {
font-size: 41px;
}
}
@media (max-width: 768px) {
.cabecalho__container__left__title {
text-align: center;
}
}
.cabecalho__container__left__subtitle {
color: #fff;
font-family: "Lato", Arial, sans-serif;
font-size: 26px;
line-height: 1.6;
}
@media (max-width: 1546px) {
.cabecalho__container__left__subtitle {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.cabecalho__container__left__subtitle {
font-size: 15px;
}
}
@media (max-width: 768px) {
.cabecalho__container__left__subtitle {
text-align: center;
}
}

.breadcrumb {
gap: 10px;
padding: 5px 10px;
background-color: #eff1f2;
}
@media (max-width: 768px) {
.breadcrumb {
justify-content: center;
}
}
.breadcrumb li {
padding: 0 7px;
position: relative;
font-size: 16px;
line-height: 1.2 !important;
text-transform: capitalize;
}
@media (max-width: 1200px) {
.breadcrumb li {
font-size: 14px;
}
}
@media (max-width: 998px) {
.breadcrumb li {
font-size: 12px;
}
}
.breadcrumb li::before {
position: absolute;
display: block;
content: " " !important;
background-color: #01323d;
transform: rotate(20deg);
height: 16px;
width: 1px;
padding: 0 !important;
top: 2px;
right: -5px;
}
@media (max-width: 998px) {
.breadcrumb li::before {
top: 0;
height: 14px;
}
}
.breadcrumb li:last-child::before {
display: none !important;
}
.breadcrumb li:first-child {
padding-left: 0;
}
.breadcrumb li a {
color: #01323d;
text-decoration: none !important;
line-height: 1.2 !important;
font-size: 16px;
line-height: 1.2;
text-transform: capitalize;
}
@media (max-width: 1200px) {
.breadcrumb li a {
font-size: 14px;
}
}
@media (max-width: 998px) {
.breadcrumb li a {
font-size: 12px;
}
}
.breadcrumb li a:hover {
color: #457f8c;
}

.form-contato {
gap: 26px 6px;
}
@media (max-width: 1546px) {
.form-contato {
gap: 15px 2px;
}
}
@media (max-width: 998px) {
.form-contato {
gap: 10px 2px;
}
}
.form-contato__group {
flex: 0 1 47.5%;
margin-bottom: 0px;
}
.form-contato__group.data {
flex: 1 0 100%;
}
.form-contato__group .label.label-danger {
background-color: red;
color: white;
padding: 2px;
border-radius: 3px;
}
.form-contato__group label {
color: #444150;
font-size: 23px;
line-height: 1.2;
font-weight: 500;
}
@media (max-width: 1546px) {
.form-contato__group label {
font-size: 17px;
}
}
@media (max-width: 1200px) {
.form-contato__group label {
font-size: 13px;
}
}
@media (max-width: 998px) {
.form-contato__group label {
font-size: 10px;
}
}
.form-contato__group__input {
min-height: 52px;
background-color: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 6px;
margin-bottom: 0px;
}
@media (max-width: 1546px) {
.form-contato__group__input {
font-size: 14px;
min-height: 40px;
}
}
@media (max-width: 1200px) {
.form-contato__group__input {
font-size: 11px;
min-height: 35px;
}
}
@media (max-width: 998px) {
.form-contato__group__input {
font-size: 9px;
min-height: 30px;
}
}
.form-contato__btn {
gap: 10px;
border-radius: 4px;
border: unset;
color: #FFF;
background-color: #1c5b6e;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
width: 100%;
justify-content: center;
padding-inline: 36px;
padding-block: 8px;
}
.form-contato__btn svg {
width: 12px;
}
.form-contato__btn svg path {
fill: #FFF;
}
.form-contato__btn:hover {
background-color: #FFF;
color: #1c5b6e;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.form-contato__btn:hover svg path {
fill: #1c5b6e;
}
@media (max-width: 1546px) {
.form-contato__btn {
font-size: 14px;
padding-block: 5px;
}
}
@media (max-width: 1200px) {
.form-contato__btn {
font-size: 11px;
padding-block: 3px;
}
}
.form-contato__btn svg {
width: 24px !important;
}
@media (max-width: 1200px) {
.form-contato__btn svg {
width: 18px !important;
height: auto;
}
}

.form-contato-simplificado {
gap: 26px 4px;
}
@media (max-width: 1546px) {
.form-contato-simplificado {
gap: 15px 2px;
}
}
@media (max-width: 1200px) {
.form-contato-simplificado {
gap: 11px 2px;
}
}
.form-contato-simplificado__group {
flex: 0 1 47.5%;
margin-bottom: 0px;
}
@media (max-width: 1200px) {
.form-contato-simplificado__group {
flex: 0 1 46% !important;
}
}
.form-contato-simplificado__group.data {
flex: 1 0 100%;
}
.form-contato-simplificado__group .label.label-danger {
background-color: red;
color: white;
padding: 2px;
border-radius: 3px;
}
.form-contato-simplificado__group label {
color: #FFFFFF;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
}
@media (max-width: 1546px) {
.form-contato-simplificado__group label {
font-size: 13px;
}
}
@media (max-width: 1200px) {
.form-contato-simplificado__group label {
font-size: 10px;
}
}
.form-contato-simplificado__group__input {
min-height: 52px;
background-color: #FFFFFF;
border: 1px solid #D9D9D9;
border-radius: 6px;
margin-bottom: 0px;
}
@media (max-width: 1546px) {
.form-contato-simplificado__group__input {
font-size: 14px;
min-height: 40px;
}
}
@media (max-width: 1200px) {
.form-contato-simplificado__group__input {
font-size: 11px;
min-height: 30px;
}
}
@media (max-width: 998px) {
.form-contato-simplificado__group__input {
font-size: 9px;
min-height: 23px;
}
}
.form-contato-simplificado__btn {
gap: 10px;
border-radius: 4px;
border: unset;
color: #FFF;
background-color: #1c5b6e;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
width: 100%;
justify-content: center;
padding-inline: 36px;
padding-block: 8px;
border: 1px solid #708e94;
}
.form-contato-simplificado__btn svg {
width: 12px;
}
.form-contato-simplificado__btn svg path {
fill: #FFF;
}
.form-contato-simplificado__btn:hover {
background-color: #FFF;
color: #1c5b6e;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.form-contato-simplificado__btn:hover svg path {
fill: #1c5b6e;
}
@media (max-width: 1546px) {
.form-contato-simplificado__btn {
font-size: 12px;
padding-block: 5px !important;
}
}
@media (max-width: 1200px) {
.form-contato-simplificado__btn {
font-size: 9px;
padding-block: 3px;
}
}
.form-contato-simplificado__btn svg {
width: 24px !important;
}
@media (max-width: 1200px) {
.form-contato-simplificado__btn svg {
width: 18px !important;
height: auto;
}
}

.blog-form {
width: 100%;
}
.blog-form__input {
width: 100%;
padding: 10px 20px;
color: #000000;
font-family: "PT Sans", Arial, sans-serif;
font-size: 18px;
border: 1px solid #C8C8C8;
}
.blog-form__input::placeholder {
color: #595959;
}
@media (max-width: 1200px) {
.blog-form__input {
font-size: 15px;
}
}
.blog-form__button {
padding: 10px 20px;
background-color: #2E2F35;
border: transparent;
}
@media (max-width: 1200px) {
.blog-form__button {
padding: 8px 16px;
}
.blog-form__button svg {
width: 18px;
height: auto;
}
}
.blog-form__button:hover {
background-color: #30a1c1;
}
.blog-menu__categorias {
border: 1px solid #C8C8C8;
padding: 30px 20px;
}
@media (max-width: 1200px) {
.blog-menu__categorias {
padding: 20px 15px;
}
}
.blog-menu__categorias__title {
color: #000810;
font-size: 23px;
font-weight: 700;
margin-bottom: 13px;
}
@media (max-width: 1400px) {
.blog-menu__categorias__title {
font-size: 19px;
}
}
@media (max-width: 1200px) {
.blog-menu__categorias__title {
font-size: 15px;
}
}
@media (max-width: 998px) {
.blog-menu__categorias__title {
margin-bottom: 5px;
}
}
.blog-menu__categorias ul {
margin: 0;
padding: 0;
}
.blog-menu__categorias__item {
list-style: none;
}
.blog-menu__categorias__item__link:last-child {
border: none;
}
.blog-menu__categorias__item__link {
text-transform: uppercase;
display: flex;
align-items: center;
gap: 10px;
padding-block: 10px;
color: #000810;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid #C8C8C8;
}
@media (max-width: 1400px) {
.blog-menu__categorias__item__link {
font-size: 13px;
}
}
@media (max-width: 1200px) {
.blog-menu__categorias__item__link {
font-size: 11px;
padding-block: 7px;
}
}
@media (max-width: 1400px) {
.blog-menu__categorias__item__link svg {
width: 20px;
height: auto;
}
}
@media (max-width: 998px) {
.blog-menu__categorias__item__link svg {
width: 12px;
}
}
.blog-menu__categorias__item__link svg path {
fill: #000810;
}
.blog-menu__categorias__item__link:hover {
text-transform: uppercase;
text-decoration: none;
display: flex;
align-items: center;
gap: 15px;
color: #30a1c1;
}
.blog-menu__categorias__item__link:hover svg path {
fill: #30a1c1;
}
.blog-ultimas {
border: 1px solid #C8C8C8;
padding: 30px 20px;
}
@media (max-width: 1200px) {
.blog-ultimas {
padding: 20px 15px;
}
}
.blog-ultimas__title {
color: #000810;
font-size: 23px;
margin-bottom: 17px;
font-weight: 700;
}
@media (max-width: 1400px) {
.blog-ultimas__title {
font-size: 19px;
margin-bottom: 15px;
}
}
@media (max-width: 1200px) {
.blog-ultimas__title {
margin-bottom: 12px;
font-size: 15px;
}
}
.blog-ultimas__primeira, .blog-ultimas__outras {
padding-block: 15px;
border-bottom: 1px solid #C8C8C8;
}
@media (max-width: 1400px) {
.blog-ultimas__primeira, .blog-ultimas__outras {
padding-block: 12px;
}
}
@media (max-width: 1200px) {
.blog-ultimas__primeira, .blog-ultimas__outras {
padding-block: 8px;
}
}
.blog-ultimas__primeira:last-child, .blog-ultimas__outras:last-child {
border-bottom: none;
}
.blog-ultimas__primeira {
gap: 10px;
}
@media (max-width: 1400px) {
.blog-ultimas__primeira {
gap: 8px;
}
}
.blog-ultimas__primeira__img {
width: 100%;
}
.blog-ultimas__primeira__subtitle {
color: #000810;
font-family: "Lato", Arial, sans-serif;
font-weight: 600;
font-size: 16px;
}
@media (max-width: 1400px) {
.blog-ultimas__primeira__subtitle {
font-size: 13px;
}
}
@media (max-width: 1200px) {
.blog-ultimas__primeira__subtitle {
font-size: 11px;
}
}
.blog-ultimas__outras {
gap: 10px;
}
@media (max-width: 1400px) {
.blog-ultimas__outras {
gap: 6px;
}
}
.blog-ultimas__outras__subtitle {
color: #000810;
font-family: "Lato", Arial, sans-serif;
font-weight: 600;
font-size: 16px;
}
@media (max-width: 1400px) {
.blog-ultimas__outras__subtitle {
font-size: 13px;
}
}
@media (max-width: 1200px) {
.blog-ultimas__outras__subtitle {
font-size: 11px;
}
}
.blog-ultimas__btn {
color: #0e6d87;
font-size: 14px;
font-weight: 600;
line-height: 127%;
text-transform: uppercase;
text-decoration: none !important;
gap: 5px;
}
@media (max-width: 1400px) {
.blog-ultimas__btn {
font-size: 11px !important;
}
}
@media (max-width: 1200px) {
.blog-ultimas__btn {
font-size: 9px !important;
}
}
.blog-ultimas__btn svg {
margin-bottom: 2px;
}
@media (max-width: 1400px) {
.blog-ultimas__btn svg {
width: 20px;
height: auto;
}
}
@media (max-width: 1200px) {
.blog-ultimas__btn svg {
width: 18px;
height: auto;
}
}
.blog-ultimas__btn svg path {
fill: #0e6d87;
}
.blog-ultimas__btn:hover {
color: #30a1c1;
}
.blog-ultimas__btn:hover svg path {
fill: #30a1c1;
}
@media (max-width: 768px) {
.blog-ultimas {
display: none;
}
}
.blog-tags {
border: 1px solid #C8C8C8;
padding: 40px 30px;
}
@media (max-width: 998px) {
.blog-tags {
padding: 20px 15px;
}
}
.blog-tags__title {
color: #000810;
font-size: 2rem;
margin-bottom: 17px;
font-weight: 700;
}
@media (max-width: 1200px) {
.blog-tags__title {
font-size: 1.625rem;
}
}
@media (max-width: 998px) {
.blog-tags__title {
font-size: 1.1875rem;
}
}
.blog-tags__list {
gap: 15px;
}
@media (max-width: 998px) {
.blog-tags__list {
gap: 7px;
}
}
.blog-tags__list__item {
color: #001F3F;
font-size: 0.875rem;
font-weight: 500;
padding: 9px 25px;
border: 1px solid #C8C8C8;
text-transform: uppercase;
}
@media (max-width: 998px) {
.blog-tags__list__item {
font-size: 12px;
padding: 4px 12px;
}
}
.blog-tags__list__item:hover {
border-color: #001F3F;
text-decoration: none;
}

/**
* ADD TAGS BOOTSTRAP 4 in BOOTSTRAP 3
*
* Origin: Eric Murakawa. GitHub: https://github.com/EricMurakawa/cssbootstrap
*
* Implementation and Modifications: Odair Cesar. GitHub: https://github.com/OdairCesar
*
* Modifications:
* - Passing 'sm' tags from 586px to 769px
* - Passing 'md' tags from 769px to 992px
* - Passing 'lg' tags from 992px to 1200px
* - Passing 'xl' tags from 1200px to 1400px
* - Passing 'xxl' tags from 1400px to 1600px
*
* - Adding 'max-width' in 'container' for >1400px and >1600px screens
*/
@media (min-width: 1547px) {
.container {
width: 1577px;
max-width: 1577px;
}
}
.container::after, .container::before {
display: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}

h1,
.h1 {
font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1400px) {
h1,
.h1 {
font-size: 2.5rem;
}
}
h2,
.h2 {
font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1400px) {
h2,
.h2 {
font-size: 2rem;
}
}
h3,
.h3 {
font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1400px) {
h3,
.h3 {
font-size: 1.75rem;
}
}
h4,
.h4 {
font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1400px) {
h4,
.h4 {
font-size: 1.5rem;
}
}
h5,
.h5 {
font-size: 1.25rem;
}

h6,
.h6 {
font-size: 1rem;
}

.display-1 {
font-size: calc(1.625rem + 4.5vw);
font-weight: 300;
line-height: 1.2;
}

@media (min-width: 1400px) {
.display-1 {
font-size: 5rem;
}
}
.display-2 {
font-size: calc(1.575rem + 3.9vw);
font-weight: 300;
line-height: 1.2;
}

@media (min-width: 1400px) {
.display-2 {
font-size: 4.5rem;
}
}
.display-3 {
font-size: calc(1.525rem + 3.3vw);
font-weight: 300;
line-height: 1.2;
}

@media (min-width: 1400px) {
.display-3 {
font-size: 4rem;
}
}
.display-4 {
font-size: calc(1.475rem + 2.7vw);
font-weight: 300;
line-height: 1.2;
}

@media (min-width: 1400px) {
.display-4 {
font-size: 3.5rem;
}
}
.display-5 {
font-size: calc(1.425rem + 2.1vw);
font-weight: 300;
line-height: 1.2;
}

@media (min-width: 1400px) {
.display-5 {
font-size: 3rem;
}
}
.display-6 {
font-size: calc(1.375rem + 1.5vw);
font-weight: 300;
line-height: 1.2;
}

@media (min-width: 1400px) {
.display-6 {
font-size: 2.5rem;
}
}
/*=======Card======*/
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}

.card > hr {
margin-right: 0;
margin-left: 0;
}

.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}

.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}

.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem 1rem;
}

.card-title {
margin-bottom: 0.5rem;
}

.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0;
}

.card-text:last-child {
margin-bottom: 0;
}

.card-link:hover {
text-decoration: none;
}

.card-link + .card-link {
margin-left: 1rem;
}

.card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
border-bottom: 0;
}

.card-header-pills {
margin-right: -0.5rem;
margin-left: -0.5rem;
}

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

.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}

.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card {
margin-bottom: 0.75rem;
}

@media (min-width: 769px) {
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group > .card {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}

.card > hr {
margin-right: 0;
margin-left: 0;
}

.card > .list-group {
border-top: inherit;
border-bottom: inherit;
}

.card > .list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
border-top: 0;
}

.card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem 1rem;
}

.card-title {
margin-bottom: 0.5rem;
}

.card-subtitle {
margin-top: -0.25rem;
margin-bottom: 0;
}

.card-text:last-child {
margin-bottom: 0;
}

.card-link:hover {
text-decoration: none;
}

.card-link + .card-link {
margin-left: 1rem;
}

.card-header {
padding: 0.5rem 1rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
padding: 0.5rem 1rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
margin-right: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -0.5rem;
border-bottom: 0;
}

.card-header-pills {
margin-right: -0.5rem;
margin-left: -0.5rem;
}

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

.card-img,
.card-img-top,
.card-img-bottom {
width: 100%;
}

.card-img,
.card-img-top {
border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(0.25rem - 1px);
border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-group > .card {
margin-bottom: 0.75rem;
}

@media (min-width: 769px) {
.card-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.card-group > .card {
-webkit-box-flex: 1;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0;
}
.card-group > .card + .card {
margin-left: 0;
border-left: 0;
}
.card-group > .card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
border-top-right-radius: 0;
}
.card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
border-bottom-right-radius: 0;
}
.card-group > .card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
border-top-left-radius: 0;
}
.card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
border-bottom-left-radius: 0;
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: "";
}

.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.align-baseline {
vertical-align: baseline !important;
}

.align-top {
vertical-align: top !important;
}

.align-middle {
vertical-align: middle !important;
}

.align-bottom {
vertical-align: bottom !important;
}

.align-text-bottom {
vertical-align: text-bottom !important;
}

.align-text-top {
vertical-align: text-top !important;
}

.float-start {
float: left !important;
}

.float-end {
float: right !important;
}

.float-none {
float: none !important;
}

.overflow-auto {
overflow: auto !important;
}

.overflow-hidden {
overflow: hidden !important;
}

.overflow-visible {
overflow: visible !important;
}

.overflow-scroll {
overflow: scroll !important;
}

.d-inline {
display: inline !important;
}

.d-inline-block {
display: inline-block !important;
}

.d-block {
display: block !important;
}

.d-grid {
display: -ms-grid !important;
display: grid !important;
}

.d-table {
display: table !important;
}

.d-table-row {
display: table-row !important;
}

.d-table-cell {
display: table-cell !important;
}

.d-flex, .section-contato.on-index .section-contato__container__content__right .form-contato__btn, .section-contato__container__content__right, .section-contato__container__content, .contato__main__container__infos .card-info__icon, .contato__main__container__infos .card-info, .contato__main__container__infos, .contato__main__container, .vantagens__container__listagem .card-vantagem__content, .vantagens__container__listagem .card-vantagem, .vantagens__container__listagem, .vantagens__container, .transforme__container__content__left__link, .transforme__container__content__left__content, .transforme__container__content__left, .transforme__container__content, .solucoes-mkt__container__content__right__list__item, .solucoes-mkt__container__content__right__list, .solucoes-mkt__container__content__left, .solucoes-mkt__container__content, .sites-convertem__container__content__left, .sites-convertem__container__content, .sites-convertem, .simplifique__container__content__left__link, .simplifique__container__content__left, .simplifique__container__content, .porque-escolher__container__content__right__btn, .porque-escolher__container__content__right, .porque-escolher__container__content, .pagamentos__container__listagem__navigation__left, .pagamentos__container__listagem__navigation__right, .pagamentos__container, .oque-fazemos__full__navigation__next, .oque-fazemos__full__navigation__prev, .oque-fazemos__full__navigation, .oque-fazemos__full, .oque-fazemos__container__left__btn, .oque-fazemos__container__left__text, .oque-fazemos__container__left, .negocio__container__right, .negocio__container, .motivos__container__content__right__list__item, .motivos__container__content__right__list, .motivos__container__content__left__gallery__right, .motivos__container__content__left__gallery, .motivos__container__content__left, .motivos__container__content, .lista__container__content .card-item, .lista__container__content, .lista__container, .faq__container__listagem, .faq__container, .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button, .destaque__container__content, .destaque, .criacao__container__content__bottom__line__card, .criacao__container__content__bottom__line, .criacao__container__content__bottom, .comunicacao__container__content__bottom__btn, .comunicacao__container__content__bottom, .comunicacao__container__content__swiper__wrapper__slide__card__top__number, .comunicacao__container__content__swiper__wrapper__slide__card__top, .comunicacao__container__content__swiper__wrapper__slide__card, .comunicacao__container__content__top__text__btns__button, .comunicacao__container__content__top__text__btns, .comunicacao__container__content__top__text, .comunicacao__container__content__top, .comunicacao__container__content, .b2__container__content__item__content, .b2__container__content__item, .b2__container__content, .secao-blog__container__listagem__navigation__left, .secao-blog__container__listagem__navigation__right, .secao-blog__container, .bairros__container__listagem, .bairros__container, .blog-category__container__lateral, .blog-category__container__main .bspager, .blog-category__container__main__list, .blog-content__container__lateral, .blog-content__container__article__header__infos, .blog-content__container__article__header, .pedizap__container__right__bottom__link, .pedizap__container__right__bottom, .pedizap__container__right, .pedizap__container, .solucoes__container__content, .solucoes, .footer__container__content__bottom__item, .footer__container__content__bottom, .footer__container__content__regioes__lista-titulos, .footer__container__content__top__redes a, .footer__container__content__top__redes, .footer__container__content__top__menu, .footer__container__content__top, .footer__container__content, .menu-mobile__menu, .menu-mobile, .header__container__content__menu__list, .header__container__content__right__menu .menu-servicos > a.dropdown-toggle, .header__container__content__right__menu li a.link, .header__container__content__right__menu, .header__container__content__center__list a, .header__container__content__center__list, .header__container__content, .header-index__container__content__bottom, .header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle, .header-index__container__content__top__menu li a.link, .header-index__container__content__top__menu, .header-index__container__content__top, .header-index__container__content, .pager, .card-article, .card-article__box, .card-article__box__header, .card-article__box__btn, .blog-item, .blog-item__textos, .blog-item__textos__infos, .blog-item__textos__btn, .card-pagamento, .card-pagamento__title, .card-pagamento__subtitle, .card-faq, .card-faq__box, .cabecalho__container__left, .breadcrumb, .breadcrumb li, .breadcrumb li a, .form-contato, .form-contato__group, .form-contato__btn, .form-contato-simplificado, .form-contato-simplificado__group, .form-contato-simplificado__btn, .blog-form, .blog-ultimas__primeira, .blog-ultimas__outras, .blog-ultimas__btn, .blog-tags__list {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}

.d-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}

.d-none, .header__container__content__menu {
display: none !important;
}

.shadow {
-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
-webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}

.position-static {
position: static !important;
}

.position-relative {
position: relative !important;
}

.position-absolute {
position: absolute !important;
}

.position-fixed {
position: fixed !important;
}

.position-sticky {
position: -webkit-sticky !important;
position: sticky !important;
}

.top-0 {
top: 0 !important;
}

.top-50 {
top: 50% !important;
}

.top-100 {
top: 100% !important;
}

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

.bottom-50 {
bottom: 50% !important;
}

.bottom-100 {
bottom: 100% !important;
}

.start-0 {
left: 0 !important;
}

.start-50 {
left: 50% !important;
}

.start-100 {
left: 100% !important;
}

.end-0 {
right: 0 !important;
}

.end-50 {
right: 50% !important;
}

.end-100 {
right: 100% !important;
}

.translate-middle {
-webkit-transform: translate(-50%, -50%) !important;
transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
-webkit-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
}

.translate-middle-y {
-webkit-transform: translateY(-50%) !important;
transform: translateY(-50%) !important;
}

.border {
border: 1px solid #dee2e6 !important;
}

.border-0 {
border: 0 !important;
}

.border-top {
border-top: 1px solid #dee2e6 !important;
}

.border-top-0 {
border-top: 0 !important;
}

.border-end {
border-right: 1px solid #dee2e6 !important;
}

.border-end-0 {
border-right: 0 !important;
}

.border-bottom {
border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-0 {
border-bottom: 0 !important;
}

.border-start {
border-left: 1px solid #dee2e6 !important;
}

.border-start-0 {
border-left: 0 !important;
}

.border-color-1 {
border-color: #283371 !important;
}

.border-color-2 {
border-color: #e74817 !important;
}

.border-color-3 {
border-color: #2c50a6 !important;
}

.border-color-4 {
border-color: #f0f0f0 !important;
}

.border-color-5 {
border-color: #535561 !important;
}

.border-white {
border-color: #fff !important;
}

.border-1 {
border-width: 1px !important;
}

.border-2 {
border-width: 2px !important;
}

.border-3 {
border-width: 3px !important;
}

.border-4 {
border-width: 4px !important;
}

.border-5 {
border-width: 5px !important;
}

.w-25 {
width: 25% !important;
}

.w-50, .b2__container__content__item, .pedizap__container__left {
width: 50% !important;
}

.w-75 {
width: 75% !important;
}

.w-100, .section-contato__container__content__left__img, .transforme__container__content__right img, .solucoes-mkt__container__content__left__img, .sites-convertem__container__content__right img, .simplifique__container__content__right img, .porque-escolher__container__content__left__img, .motivos__container__content__left__gallery__right__img, .motivos__container__content__left__gallery__left__img, .destaque__container__content__left img, .comunicacao__container__content__bottom, .pedizap__container__left__img, .menu-mobile, .bg-menu-mobile, .header__container__content__menu__bg, .header__container__content__menu__list, .header-index__container__content__bottom, .header-index__container__content__top {
width: 100% !important;
}

.w-auto {
width: auto !important;
}

.mw-100 {
max-width: 100% !important;
}

.vw-100 {
width: 100vw !important;
}

.min-vw-100 {
min-width: 100vw !important;
}

.h-25 {
height: 25% !important;
}

.h-50 {
height: 50% !important;
}

.h-75 {
height: 75% !important;
}

.h-100, .solucoes-mkt__container__content__left__img, .solucoes__container__content, .solucoes__container, .bg-menu-mobile, .header__container__content__menu__bg {
height: 100% !important;
}

.h-auto {
height: auto !important;
}

.mh-100 {
max-height: 100% !important;
}

.vh-100 {
height: 100vh !important;
}

.min-vh-100 {
min-height: 100vh !important;
}

.flex-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}

.flex-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}

.flex-column, .section-contato__container__content__right, .contato__main__container__infos .card-info, .contato__main__container, .vantagens__container__listagem .card-vantagem__content, .vantagens__container__listagem .card-vantagem, .vantagens__container, .transforme__container__content__left, .solucoes-mkt__container__content__right__list, .solucoes-mkt__container__content__left, .sites-convertem__container__content__left, .simplifique__container__content__left, .porque-escolher__container__content__right, .pagamentos__container, .oque-fazemos__full, .oque-fazemos__container__left__text, .oque-fazemos__container__left, .negocio__container__right, .motivos__container__content__right__list, .motivos__container__content__left__gallery__right, .motivos__container__content__left, .lista__container__content, .faq__container, .criacao__container__content__bottom__line__card, .criacao__container__content__bottom, .comunicacao__container__content__swiper__wrapper__slide__card, .comunicacao__container__content__top__text, .comunicacao__container__content, .b2__container__content__item__content, .b2__container__content__item, .secao-blog__container, .bairros__container, .blog-category__container__lateral, .blog-category__container__main__list, .blog-content__container__lateral, .blog-content__container__article__header, .pedizap__container__right, .solucoes__container__content, .footer__container__content__bottom__item, .footer__container__content__regioes, .footer__container__content, .menu-mobile__menu, .menu-mobile, .header__container__content__menu__list, .header-index__container__content, .card-article, .card-article__box, .blog-item__textos, .card-pagamento, .card-faq__box, .cabecalho__container__left, .form-contato__group, .form-contato-simplificado__group, .blog-ultimas__primeira, .blog-ultimas__outras {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}

.flex-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}

.flex-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}

.flex-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}

.flex-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}

.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}

.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}

.flex-wrap, .faq__container__listagem, .bairros__container__listagem, .blog-category__container__main .bspager, .footer__container__content__bottom, .breadcrumb, .form-contato, .form-contato-simplificado, .blog-tags__list {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}

.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}

.gap-0 {
gap: 0 !important;
}

.gap-1 {
gap: 0.25rem !important;
}

.gap-2, .footer__container__content__top, .menu-mobile__menu, .form-contato__group, .form-contato-simplificado__group {
gap: 0.5rem !important;
}

.gap-3, .footer__container__content__top__redes a, .footer__container__content__top__redes, .header__container__content__menu__list, .pager {
gap: 1rem !important;
}

.gap-4, .blog-content__container__article__header__infos {
gap: 1.5rem !important;
}

.gap-5, .comunicacao__container__content__swiper__wrapper__slide__card__top {
gap: 3rem !important;
}

.justify-content-start, .pedizap__container__right__bottom, .pedizap__container {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}

.justify-content-end, .criacao__container__content__bottom__line:nth-child(odd), .header-index__container__content__top {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}

.justify-content-center, .contato__main__container__infos .card-info__icon, .sites-convertem, .porque-escolher__container__content__right__btn, .pagamentos__container__listagem__navigation__left, .pagamentos__container__listagem__navigation__right, .oque-fazemos__full__navigation__next, .oque-fazemos__full__navigation__prev, .oque-fazemos__container__left__btn, .lista__container, .faq__container__listagem, .destaque, .comunicacao__container__content__bottom__btn, .comunicacao__container__content__bottom, .comunicacao__container__content__swiper__wrapper__slide__card__top__number, .comunicacao__container__content__top__text__btns__button, .secao-blog__container__listagem__navigation__left, .secao-blog__container__listagem__navigation__right, .pedizap__container__right__bottom__link, .solucoes__container__content, .footer__container__content__regioes__lista-titulos, .footer__container__content__top__redes a, .header-index__container__content__bottom, .pager, .card-pagamento__title, .card-pagamento__subtitle, .breadcrumb li, .breadcrumb li a {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}

.justify-content-between, .transforme__container__content, .sites-convertem__container__content, .simplifique__container__content, .negocio__container, .destaque__container__content, .comunicacao__container__content__swiper__wrapper__slide__card__top, .comunicacao__container__content__top, .b2__container__content__item, .footer__container__content__bottom, .footer__container__content__top__redes, .footer__container__content__top__menu, .footer__container__content__top, .header__container__content, .card-article__box, .blog-item__textos, .card-pagamento, .form-contato, .form-contato-simplificado {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}

.justify-content-around, .contato__main__container__infos {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}

.justify-content-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}

.align-items-start, .contato__main__container__infos, .vantagens__container__listagem .card-vantagem__content, .transforme__container__content, .porque-escolher__container__content__right, .oque-fazemos__container__left, .motivos__container__content, .pedizap__container__right__bottom, .card-faq {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}

.align-items-end, .oque-fazemos__full {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}

.align-items-center, .section-contato.on-index .section-contato__container__content__right .form-contato__btn, .section-contato__container__content, .contato__main__container__infos .card-info__icon, .contato__main__container__infos .card-info, .contato__main__container, .vantagens__container, .transforme__container__content__left__link, .transforme__container__content__left__content, .solucoes-mkt__container__content__right__list__item, .sites-convertem__container__content, .sites-convertem, .simplifique__container__content__left__link, .simplifique__container__content, .porque-escolher__container__content__right__btn, .porque-escolher__container__content, .pagamentos__container__listagem__navigation__left, .pagamentos__container__listagem__navigation__right, .pagamentos__container, .oque-fazemos__full__navigation__next, .oque-fazemos__full__navigation__prev, .oque-fazemos__full__navigation, .oque-fazemos__container__left__btn, .negocio__container, .motivos__container__content__right__list__item, .lista__container__content .card-item, .lista__container, .faq__container, .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button, .destaque__container__content, .destaque, .comunicacao__container__content__bottom__btn, .comunicacao__container__content__swiper__wrapper__slide__card__top__number, .comunicacao__container__content__swiper__wrapper__slide__card__top, .comunicacao__container__content__swiper__wrapper__slide__card, .comunicacao__container__content__top__text__btns__button, .comunicacao__container__content__top, .secao-blog__container__listagem__navigation__left, .secao-blog__container__listagem__navigation__right, .secao-blog__container, .bairros__container__listagem, .bairros__container, .blog-category__container__main .bspager, .blog-content__container__article__header__infos, .pedizap__container__right__bottom__link, .pedizap__container, .solucoes__container__content, .solucoes, .footer__container__content__bottom, .footer__container__content__top__redes a, .footer__container__content__top__redes, .footer__container__content__top__menu, .footer__container__content__top, .menu-mobile, .header__container__content__menu__list, .header__container__content__right__menu .menu-servicos > a.dropdown-toggle, .header__container__content__right__menu li a.link, .header__container__content__right__menu, .header__container__content__center__list a, .header__container__content__center__list, .header__container__content, .header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle, .header-index__container__content__top__menu li a.link, .header-index__container__content__top__menu, .pager, .card-article__box__header, .card-article__box__btn, .blog-item__textos__infos, .blog-item__textos__btn, .card-pagamento, .card-pagamento__title, .card-pagamento__subtitle, .breadcrumb, .breadcrumb li, .breadcrumb li a, .form-contato__btn, .form-contato-simplificado__btn, .blog-ultimas__btn {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}

.align-items-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}

.align-items-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}

.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}

.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}

.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}

.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}

.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}

.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}

.align-self-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}

.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}

.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}

.align-self-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}

.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}

.align-self-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}

.order-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}

.order-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}

.order-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}

.order-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}

.order-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}

.order-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}

.order-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}

.order-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}

.m-0 {
margin: 0 !important;
}

.m-1 {
margin: 0.25rem !important;
}

.m-2 {
margin: 0.5rem !important;
}

.m-3 {
margin: 1rem !important;
}

.m-4 {
margin: 1.5rem !important;
}

.m-5 {
margin: 3rem !important;
}

.m-auto {
margin: auto !important;
}

.mx-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}

.mx-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}

.mx-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}

.mx-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}

.mx-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}

.mx-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}

.mx-auto {
margin-right: auto !important;
margin-left: auto !important;
}

.my-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.my-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}

.my-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}

.my-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}

.my-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}

.my-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}

.my-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}

.mt-0 {
margin-top: 0 !important;
}

.mt-1 {
margin-top: 0.25rem !important;
}

.mt-2 {
margin-top: 0.5rem !important;
}

.mt-3 {
margin-top: 1rem !important;
}

.mt-4 {
margin-top: 1.5rem !important;
}

.mt-5 {
margin-top: 3rem !important;
}

.mt-auto {
margin-top: auto !important;
}

.me-0 {
margin-right: 0 !important;
}

.me-1 {
margin-right: 0.25rem !important;
}

.me-2 {
margin-right: 0.5rem !important;
}

.me-3 {
margin-right: 1rem !important;
}

.me-4 {
margin-right: 1.5rem !important;
}

.me-5 {
margin-right: 3rem !important;
}

.me-auto {
margin-right: auto !important;
}

.mb-0, .criacao__container__content__top__card p, .footer__container__content__bottom__item, .footer__container__content__top__menu, .header__container__content__right__menu, .header__container__content__center__list, .header-index__container__content__top__menu {
margin-bottom: 0 !important;
}

.mb-1 {
margin-bottom: 0.25rem !important;
}

.mb-2 {
margin-bottom: 0.5rem !important;
}

.mb-3 {
margin-bottom: 1rem !important;
}

.mb-4 {
margin-bottom: 1.5rem !important;
}

.mb-5 {
margin-bottom: 3rem !important;
}

.mb-auto {
margin-bottom: auto !important;
}

.ms-0 {
margin-left: 0 !important;
}

.ms-1 {
margin-left: 0.25rem !important;
}

.ms-2 {
margin-left: 0.5rem !important;
}

.ms-3 {
margin-left: 1rem !important;
}

.ms-4 {
margin-left: 1.5rem !important;
}

.ms-5 {
margin-left: 3rem !important;
}

.ms-auto {
margin-left: auto !important;
}

.p-0 {
padding: 0 !important;
}

.p-1 {
padding: 0.25rem !important;
}

.p-2 {
padding: 0.5rem !important;
}

.p-3 {
padding: 1rem !important;
}

.p-4 {
padding: 1.5rem !important;
}

.p-5 {
padding: 3rem !important;
}

.px-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}

.px-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}

.px-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}

.px-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}

.px-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}

.px-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}

.py-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}

.py-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}

.py-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}

.py-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}

.py-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}

.py-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}

.pt-0 {
padding-top: 0 !important;
}

.pt-1 {
padding-top: 0.25rem !important;
}

.pt-2 {
padding-top: 0.5rem !important;
}

.pt-3 {
padding-top: 1rem !important;
}

.pt-4 {
padding-top: 1.5rem !important;
}

.pt-5 {
padding-top: 3rem !important;
}

.pe-0 {
padding-right: 0 !important;
}

.pe-1 {
padding-right: 0.25rem !important;
}

.pe-2 {
padding-right: 0.5rem !important;
}

.pe-3 {
padding-right: 1rem !important;
}

.pe-4 {
padding-right: 1.5rem !important;
}

.pe-5 {
padding-right: 3rem !important;
}

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

.pb-1 {
padding-bottom: 0.25rem !important;
}

.pb-2 {
padding-bottom: 0.5rem !important;
}

.pb-3 {
padding-bottom: 1rem !important;
}

.pb-4 {
padding-bottom: 1.5rem !important;
}

.pb-5 {
padding-bottom: 3rem !important;
}

.ps-0, .footer__container__content__top__menu, .header__container__content__right__menu, .header__container__content__center__list, .header-index__container__content__top__menu {
padding-left: 0 !important;
}

.ps-1 {
padding-left: 0.25rem !important;
}

.ps-2 {
padding-left: 0.5rem !important;
}

.ps-3 {
padding-left: 1rem !important;
}

.ps-4 {
padding-left: 1.5rem !important;
}

.ps-5 {
padding-left: 3rem !important;
}

.font-monospace {
font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
font-size: 1.25rem !important;
}

.fs-6 {
font-size: 1rem !important;
}

.fst-italic {
font-style: italic !important;
}

.fst-normal {
font-style: normal !important;
}

.fw-light, .porque-escolher__container__content__right__resume, .pedizap__container__right__content h1,
.pedizap__container__right__content h2,
.pedizap__container__right__content h3,
.pedizap__container__right__content h4,
.pedizap__container__right__content h5,
.pedizap__container__right__content h6,
.pedizap__container__right__content p, .pedizap__container__right__resume {
font-weight: 300 !important;
}

.fw-lighter, .porque-escolher__container__content__right__title, .oque-fazemos__container__left__text__title, .pedizap__container__right__title, .cabecalho__container__left__title {
font-weight: lighter !important;
}

.fw-normal, .footer__container__content__top__menu__item a {
font-weight: 400 !important;
}

.fw-bold, .solucoes-mkt__container__content__left__title {
font-weight: 700 !important;
}

.fw-bolder {
font-weight: bolder !important;
}

.lh-1 {
line-height: 1 !important;
}

.lh-sm {
line-height: 1.25 !important;
}

.lh-base {
line-height: 1.5 !important;
}

.lh-lg {
line-height: 2 !important;
}

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

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

.text-center, .footer__container__content__bottom__item {
text-align: center !important;
}

.text-decoration-none {
text-decoration: none !important;
}

.text-decoration-underline {
text-decoration: underline !important;
}

.text-decoration-line-through {
text-decoration: line-through !important;
}

.text-lowercase {
text-transform: lowercase !important;
}

.text-uppercase, .section-contato.on-index .section-contato__container__content__right .form-contato__btn, .transforme__container__content__left__link, .simplifique__container__content__left__link, .header__container__content__right__menu .menu-servicos > a.dropdown-toggle, .header__container__content__right__menu li a.link, .header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle, .header-index__container__content__top__menu li a.link, .form-contato__btn, .form-contato-simplificado__btn {
text-transform: uppercase !important;
}

.text-capitalize {
text-transform: capitalize !important;
}

.text-wrap {
white-space: normal !important;
}

.text-nowrap {
white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
word-wrap: break-word !important;
word-break: break-word !important;
}

/* rtl:end:remove */
.text-color-1 {
color: #283371 !important;
}

.text-color-2 {
color: #e74817 !important;
}

.text-color-3 {
color: #2c50a6 !important;
}

.text-color-4 {
color: #f0f0f0 !important;
}

.text-color-5 {
color: #535561 !important;
}

.text-white {
color: #fff !important;
}

.text-body {
color: #212529 !important;
}

.text-muted {
color: #6c757d !important;
}

.text-black-50 {
color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
color: inherit !important;
}

.bg-color-1 {
background-color: #283371 !important;
}

.bg-color-2 {
background-color: #e74817 !important;
}

.bg-color-3 {
background-color: #2c50a6 !important;
}

.bg-color-4 {
background-color: #f0f0f0 !important;
}

.bg-color-5 {
background-color: #535561 !important;
}

.bg-body {
background-color: #fff !important;
}

.bg-white {
background-color: #fff !important;
}

.bg-transparent {
background-color: transparent !important;
}

.bg-gradient {
background-image: var(--bs-gradient) !important;
}

.user-select-all {
-webkit-user-select: all !important;
-moz-user-select: all !important;
-ms-user-select: all !important;
user-select: all !important;
}

.user-select-auto {
-webkit-user-select: auto !important;
-moz-user-select: auto !important;
-ms-user-select: auto !important;
user-select: auto !important;
}

.user-select-none {
-webkit-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}

.pe-none {
pointer-events: none !important;
}

.pe-auto {
pointer-events: auto !important;
}

.rounded {
border-radius: 0.25rem !important;
}

.rounded-0 {
border-radius: 0 !important;
}

.rounded-1 {
border-radius: 0.2rem !important;
}

.rounded-2 {
border-radius: 0.25rem !important;
}

.rounded-3 {
border-radius: 0.3rem !important;
}

.rounded-circle {
border-radius: 50% !important;
}

.rounded-pill {
border-radius: 50rem !important;
}

.rounded-top {
border-top-left-radius: 0.25rem !important;
border-top-right-radius: 0.25rem !important;
}

.rounded-end {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
border-bottom-right-radius: 0.25rem !important;
border-bottom-left-radius: 0.25rem !important;
}

.rounded-start {
border-bottom-left-radius: 0.25rem !important;
border-top-left-radius: 0.25rem !important;
}

.visible {
visibility: visible !important;
}

.invisible {
visibility: hidden !important;
}

@media (min-width: 769px) {
.float-sm-start {
float: left !important;
}
.float-sm-end {
float: right !important;
}
.float-sm-none {
float: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-sm-none {
display: none !important;
}
.flex-sm-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.gap-sm-0 {
gap: 0 !important;
}
.gap-sm-1 {
gap: 0.25rem !important;
}
.gap-sm-2 {
gap: 0.5rem !important;
}
.gap-sm-3 {
gap: 1rem !important;
}
.gap-sm-4 {
gap: 1.5rem !important;
}
.gap-sm-5 {
gap: 3rem !important;
}
.justify-content-sm-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-sm-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-sm-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-sm-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-sm-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.me-sm-0 {
margin-right: 0 !important;
}
.me-sm-1 {
margin-right: 0.25rem !important;
}
.me-sm-2 {
margin-right: 0.5rem !important;
}
.me-sm-3 {
margin-right: 1rem !important;
}
.me-sm-4 {
margin-right: 1.5rem !important;
}
.me-sm-5 {
margin-right: 3rem !important;
}
.me-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
.mb-sm-5 {
margin-bottom: 3rem !important;
}
.mb-sm-auto {
margin-bottom: auto !important;
}
.ms-sm-0 {
margin-left: 0 !important;
}
.ms-sm-1 {
margin-left: 0.25rem !important;
}
.ms-sm-2 {
margin-left: 0.5rem !important;
}
.ms-sm-3 {
margin-left: 1rem !important;
}
.ms-sm-4 {
margin-left: 1.5rem !important;
}
.ms-sm-5 {
margin-left: 3rem !important;
}
.ms-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pe-sm-0 {
padding-right: 0 !important;
}
.pe-sm-1 {
padding-right: 0.25rem !important;
}
.pe-sm-2 {
padding-right: 0.5rem !important;
}
.pe-sm-3 {
padding-right: 1rem !important;
}
.pe-sm-4 {
padding-right: 1.5rem !important;
}
.pe-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.ps-sm-0 {
padding-left: 0 !important;
}
.ps-sm-1 {
padding-left: 0.25rem !important;
}
.ps-sm-2 {
padding-left: 0.5rem !important;
}
.ps-sm-3 {
padding-left: 1rem !important;
}
.ps-sm-4 {
padding-left: 1.5rem !important;
}
.ps-sm-5 {
padding-left: 3rem !important;
}
.text-sm-start {
text-align: left !important;
}
.text-sm-end {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.float-md-start {
float: left !important;
}
.float-md-end {
float: right !important;
}
.float-md-none {
float: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-md-none {
display: none !important;
}
.flex-md-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.gap-md-0 {
gap: 0 !important;
}
.gap-md-1 {
gap: 0.25rem !important;
}
.gap-md-2 {
gap: 0.5rem !important;
}
.gap-md-3 {
gap: 1rem !important;
}
.gap-md-4 {
gap: 1.5rem !important;
}
.gap-md-5 {
gap: 3rem !important;
}
.justify-content-md-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-md-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-md-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-md-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-md-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-md-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-md-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-md-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-md-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-md-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-md-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-md-0 {
margin: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-md-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.me-md-0 {
margin-right: 0 !important;
}
.me-md-1 {
margin-right: 0.25rem !important;
}
.me-md-2 {
margin-right: 0.5rem !important;
}
.me-md-3 {
margin-right: 1rem !important;
}
.me-md-4 {
margin-right: 1.5rem !important;
}
.me-md-5 {
margin-right: 3rem !important;
}
.me-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
.mb-md-2 {
margin-bottom: 0.5rem !important;
}
.mb-md-3 {
margin-bottom: 1rem !important;
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
.mb-md-5 {
margin-bottom: 3rem !important;
}
.mb-md-auto {
margin-bottom: auto !important;
}
.ms-md-0 {
margin-left: 0 !important;
}
.ms-md-1 {
margin-left: 0.25rem !important;
}
.ms-md-2 {
margin-left: 0.5rem !important;
}
.ms-md-3 {
margin-left: 1rem !important;
}
.ms-md-4 {
margin-left: 1.5rem !important;
}
.ms-md-5 {
margin-left: 3rem !important;
}
.ms-md-auto {
margin-left: auto !important;
}
.p-md-0 {
padding: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pe-md-0 {
padding-right: 0 !important;
}
.pe-md-1 {
padding-right: 0.25rem !important;
}
.pe-md-2 {
padding-right: 0.5rem !important;
}
.pe-md-3 {
padding-right: 1rem !important;
}
.pe-md-4 {
padding-right: 1.5rem !important;
}
.pe-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
.pb-md-1 {
padding-bottom: 0.25rem !important;
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.ps-md-0 {
padding-left: 0 !important;
}
.ps-md-1 {
padding-left: 0.25rem !important;
}
.ps-md-2 {
padding-left: 0.5rem !important;
}
.ps-md-3 {
padding-left: 1rem !important;
}
.ps-md-4 {
padding-left: 1.5rem !important;
}
.ps-md-5 {
padding-left: 3rem !important;
}
.text-md-start {
text-align: left !important;
}
.text-md-end {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.float-lg-start {
float: left !important;
}
.float-lg-end {
float: right !important;
}
.float-lg-none {
float: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-lg-none {
display: none !important;
}
.flex-lg-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.gap-lg-0 {
gap: 0 !important;
}
.gap-lg-1 {
gap: 0.25rem !important;
}
.gap-lg-2 {
gap: 0.5rem !important;
}
.gap-lg-3 {
gap: 1rem !important;
}
.gap-lg-4 {
gap: 1.5rem !important;
}
.gap-lg-5 {
gap: 3rem !important;
}
.justify-content-lg-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-lg-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-lg-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-lg-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-lg-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-lg-0 {
margin: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mx-lg-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-lg-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-lg-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-lg-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-lg-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-lg-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-lg-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-lg-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-lg-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-lg-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-lg-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-lg-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-lg-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-lg-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-lg-0 {
margin-top: 0 !important;
}
.mt-lg-1 {
margin-top: 0.25rem !important;
}
.mt-lg-2 {
margin-top: 0.5rem !important;
}
.mt-lg-3 {
margin-top: 1rem !important;
}
.mt-lg-4 {
margin-top: 1.5rem !important;
}
.mt-lg-5 {
margin-top: 3rem !important;
}
.mt-lg-auto {
margin-top: auto !important;
}
.me-lg-0 {
margin-right: 0 !important;
}
.me-lg-1 {
margin-right: 0.25rem !important;
}
.me-lg-2 {
margin-right: 0.5rem !important;
}
.me-lg-3 {
margin-right: 1rem !important;
}
.me-lg-4 {
margin-right: 1.5rem !important;
}
.me-lg-5 {
margin-right: 3rem !important;
}
.me-lg-auto {
margin-right: auto !important;
}
.mb-lg-0 {
margin-bottom: 0 !important;
}
.mb-lg-1 {
margin-bottom: 0.25rem !important;
}
.mb-lg-2 {
margin-bottom: 0.5rem !important;
}
.mb-lg-3 {
margin-bottom: 1rem !important;
}
.mb-lg-4 {
margin-bottom: 1.5rem !important;
}
.mb-lg-5 {
margin-bottom: 3rem !important;
}
.mb-lg-auto {
margin-bottom: auto !important;
}
.ms-lg-0 {
margin-left: 0 !important;
}
.ms-lg-1 {
margin-left: 0.25rem !important;
}
.ms-lg-2 {
margin-left: 0.5rem !important;
}
.ms-lg-3 {
margin-left: 1rem !important;
}
.ms-lg-4 {
margin-left: 1.5rem !important;
}
.ms-lg-5 {
margin-left: 3rem !important;
}
.ms-lg-auto {
margin-left: auto !important;
}
.p-lg-0 {
padding: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.px-lg-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-lg-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-lg-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-lg-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-lg-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-lg-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-lg-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-lg-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-lg-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-lg-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-lg-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-lg-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-lg-0 {
padding-top: 0 !important;
}
.pt-lg-1 {
padding-top: 0.25rem !important;
}
.pt-lg-2 {
padding-top: 0.5rem !important;
}
.pt-lg-3 {
padding-top: 1rem !important;
}
.pt-lg-4 {
padding-top: 1.5rem !important;
}
.pt-lg-5 {
padding-top: 3rem !important;
}
.pe-lg-0 {
padding-right: 0 !important;
}
.pe-lg-1 {
padding-right: 0.25rem !important;
}
.pe-lg-2 {
padding-right: 0.5rem !important;
}
.pe-lg-3 {
padding-right: 1rem !important;
}
.pe-lg-4 {
padding-right: 1.5rem !important;
}
.pe-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-0 {
padding-bottom: 0 !important;
}
.pb-lg-1 {
padding-bottom: 0.25rem !important;
}
.pb-lg-2 {
padding-bottom: 0.5rem !important;
}
.pb-lg-3 {
padding-bottom: 1rem !important;
}
.pb-lg-4 {
padding-bottom: 1.5rem !important;
}
.pb-lg-5 {
padding-bottom: 3rem !important;
}
.ps-lg-0 {
padding-left: 0 !important;
}
.ps-lg-1 {
padding-left: 0.25rem !important;
}
.ps-lg-2 {
padding-left: 0.5rem !important;
}
.ps-lg-3 {
padding-left: 1rem !important;
}
.ps-lg-4 {
padding-left: 1.5rem !important;
}
.ps-lg-5 {
padding-left: 3rem !important;
}
.text-lg-start {
text-align: left !important;
}
.text-lg-end {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
float: left;
}
.col-xl-12 {
width: 100%;
}
.col-xl-11 {
width: 91.66666667%;
}
.col-xl-10 {
width: 83.33333333%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-8 {
width: 66.66666667%;
}
.col-xl-7 {
width: 58.33333333%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-5 {
width: 41.66666667%;
}
.col-xl-4 {
width: 33.33333333%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-2 {
width: 16.66666667%;
}
.col-xl-1 {
width: 8.33333333%;
}
.float-xl-start {
float: left !important;
}
.float-xl-end {
float: right !important;
}
.float-xl-none {
float: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xl-none {
display: none !important;
}
.flex-xl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.gap-xl-0 {
gap: 0 !important;
}
.gap-xl-1 {
gap: 0.25rem !important;
}
.gap-xl-2 {
gap: 0.5rem !important;
}
.gap-xl-3 {
gap: 1rem !important;
}
.gap-xl-4 {
gap: 1.5rem !important;
}
.gap-xl-5 {
gap: 3rem !important;
}
.justify-content-xl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xl-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-xl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-xl-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-xl-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-xl-0 {
margin: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mx-xl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xl-0 {
margin-top: 0 !important;
}
.mt-xl-1 {
margin-top: 0.25rem !important;
}
.mt-xl-2 {
margin-top: 0.5rem !important;
}
.mt-xl-3 {
margin-top: 1rem !important;
}
.mt-xl-4 {
margin-top: 1.5rem !important;
}
.mt-xl-5 {
margin-top: 3rem !important;
}
.mt-xl-auto {
margin-top: auto !important;
}
.me-xl-0 {
margin-right: 0 !important;
}
.me-xl-1 {
margin-right: 0.25rem !important;
}
.me-xl-2 {
margin-right: 0.5rem !important;
}
.me-xl-3 {
margin-right: 1rem !important;
}
.me-xl-4 {
margin-right: 1.5rem !important;
}
.me-xl-5 {
margin-right: 3rem !important;
}
.me-xl-auto {
margin-right: auto !important;
}
.mb-xl-0 {
margin-bottom: 0 !important;
}
.mb-xl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xl-3 {
margin-bottom: 1rem !important;
}
.mb-xl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xl-5 {
margin-bottom: 3rem !important;
}
.mb-xl-auto {
margin-bottom: auto !important;
}
.ms-xl-0 {
margin-left: 0 !important;
}
.ms-xl-1 {
margin-left: 0.25rem !important;
}
.ms-xl-2 {
margin-left: 0.5rem !important;
}
.ms-xl-3 {
margin-left: 1rem !important;
}
.ms-xl-4 {
margin-left: 1.5rem !important;
}
.ms-xl-5 {
margin-left: 3rem !important;
}
.ms-xl-auto {
margin-left: auto !important;
}
.p-xl-0 {
padding: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.px-xl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xl-0 {
padding-top: 0 !important;
}
.pt-xl-1 {
padding-top: 0.25rem !important;
}
.pt-xl-2 {
padding-top: 0.5rem !important;
}
.pt-xl-3 {
padding-top: 1rem !important;
}
.pt-xl-4 {
padding-top: 1.5rem !important;
}
.pt-xl-5 {
padding-top: 3rem !important;
}
.pe-xl-0 {
padding-right: 0 !important;
}
.pe-xl-1 {
padding-right: 0.25rem !important;
}
.pe-xl-2 {
padding-right: 0.5rem !important;
}
.pe-xl-3 {
padding-right: 1rem !important;
}
.pe-xl-4 {
padding-right: 1.5rem !important;
}
.pe-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-0 {
padding-bottom: 0 !important;
}
.pb-xl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xl-3 {
padding-bottom: 1rem !important;
}
.pb-xl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xl-5 {
padding-bottom: 3rem !important;
}
.ps-xl-0 {
padding-left: 0 !important;
}
.ps-xl-1 {
padding-left: 0.25rem !important;
}
.ps-xl-2 {
padding-left: 0.5rem !important;
}
.ps-xl-3 {
padding-left: 1rem !important;
}
.ps-xl-4 {
padding-left: 1.5rem !important;
}
.ps-xl-5 {
padding-left: 3rem !important;
}
.text-xl-start {
text-align: left !important;
}
.text-xl-end {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1600px) {
.float-xxl-start {
float: left !important;
}
.float-xxl-end {
float: right !important;
}
.float-xxl-none {
float: none !important;
}
.d-xxl-inline {
display: inline !important;
}
.d-xxl-inline-block {
display: inline-block !important;
}
.d-xxl-block {
display: block !important;
}
.d-xxl-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-xxl-table {
display: table !important;
}
.d-xxl-table-row {
display: table-row !important;
}
.d-xxl-table-cell {
display: table-cell !important;
}
.d-xxl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xxl-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-xxl-none {
display: none !important;
}
.flex-xxl-fill {
-webkit-box-flex: 1 !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xxl-row {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xxl-column {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xxl-row-reverse {
-webkit-box-orient: horizontal !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xxl-column-reverse {
-webkit-box-orient: vertical !important;
-webkit-box-direction: reverse !important;
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xxl-grow-0 {
-webkit-box-flex: 0 !important;
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xxl-grow-1 {
-webkit-box-flex: 1 !important;
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xxl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xxl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.flex-xxl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xxl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xxl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.gap-xxl-0 {
gap: 0 !important;
}
.gap-xxl-1 {
gap: 0.25rem !important;
}
.gap-xxl-2 {
gap: 0.5rem !important;
}
.gap-xxl-3 {
gap: 1rem !important;
}
.gap-xxl-4 {
gap: 1.5rem !important;
}
.gap-xxl-5 {
gap: 3rem !important;
}
.justify-content-xxl-start {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xxl-end {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xxl-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xxl-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xxl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.justify-content-xxl-evenly {
-webkit-box-pack: space-evenly !important;
-ms-flex-pack: space-evenly !important;
justify-content: space-evenly !important;
}
.align-items-xxl-start {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xxl-end {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xxl-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xxl-baseline {
-webkit-box-align: baseline !important;
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xxl-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xxl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xxl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xxl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xxl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xxl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xxl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xxl-auto {
-ms-flex-item-align: auto !important;
-ms-grid-row-align: auto !important;
align-self: auto !important;
}
.align-self-xxl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xxl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xxl-center {
-ms-flex-item-align: center !important;
-ms-grid-row-align: center !important;
align-self: center !important;
}
.align-self-xxl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xxl-stretch {
-ms-flex-item-align: stretch !important;
-ms-grid-row-align: stretch !important;
align-self: stretch !important;
}
.order-xxl-first {
-webkit-box-ordinal-group: 0 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xxl-0 {
-webkit-box-ordinal-group: 1 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-xxl-1 {
-webkit-box-ordinal-group: 2 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-xxl-2 {
-webkit-box-ordinal-group: 3 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-xxl-3 {
-webkit-box-ordinal-group: 4 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-xxl-4 {
-webkit-box-ordinal-group: 5 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-xxl-5 {
-webkit-box-ordinal-group: 6 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-xxl-last {
-webkit-box-ordinal-group: 7 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
.m-xxl-0 {
margin: 0 !important;
}
.m-xxl-1 {
margin: 0.25rem !important;
}
.m-xxl-2 {
margin: 0.5rem !important;
}
.m-xxl-3 {
margin: 1rem !important;
}
.m-xxl-4 {
margin: 1.5rem !important;
}
.m-xxl-5 {
margin: 3rem !important;
}
.m-xxl-auto {
margin: auto !important;
}
.mx-xxl-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-xxl-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-xxl-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-xxl-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-xxl-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-xxl-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-xxl-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-xxl-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-xxl-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-xxl-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-xxl-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-xxl-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-xxl-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-xxl-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-xxl-0 {
margin-top: 0 !important;
}
.mt-xxl-1 {
margin-top: 0.25rem !important;
}
.mt-xxl-2 {
margin-top: 0.5rem !important;
}
.mt-xxl-3 {
margin-top: 1rem !important;
}
.mt-xxl-4 {
margin-top: 1.5rem !important;
}
.mt-xxl-5 {
margin-top: 3rem !important;
}
.mt-xxl-auto {
margin-top: auto !important;
}
.me-xxl-0 {
margin-right: 0 !important;
}
.me-xxl-1 {
margin-right: 0.25rem !important;
}
.me-xxl-2 {
margin-right: 0.5rem !important;
}
.me-xxl-3 {
margin-right: 1rem !important;
}
.me-xxl-4 {
margin-right: 1.5rem !important;
}
.me-xxl-5 {
margin-right: 3rem !important;
}
.me-xxl-auto {
margin-right: auto !important;
}
.mb-xxl-0 {
margin-bottom: 0 !important;
}
.mb-xxl-1 {
margin-bottom: 0.25rem !important;
}
.mb-xxl-2 {
margin-bottom: 0.5rem !important;
}
.mb-xxl-3 {
margin-bottom: 1rem !important;
}
.mb-xxl-4 {
margin-bottom: 1.5rem !important;
}
.mb-xxl-5 {
margin-bottom: 3rem !important;
}
.mb-xxl-auto {
margin-bottom: auto !important;
}
.ms-xxl-0 {
margin-left: 0 !important;
}
.ms-xxl-1 {
margin-left: 0.25rem !important;
}
.ms-xxl-2 {
margin-left: 0.5rem !important;
}
.ms-xxl-3 {
margin-left: 1rem !important;
}
.ms-xxl-4 {
margin-left: 1.5rem !important;
}
.ms-xxl-5 {
margin-left: 3rem !important;
}
.ms-xxl-auto {
margin-left: auto !important;
}
.p-xxl-0 {
padding: 0 !important;
}
.p-xxl-1 {
padding: 0.25rem !important;
}
.p-xxl-2 {
padding: 0.5rem !important;
}
.p-xxl-3 {
padding: 1rem !important;
}
.p-xxl-4 {
padding: 1.5rem !important;
}
.p-xxl-5 {
padding: 3rem !important;
}
.px-xxl-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-xxl-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-xxl-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-xxl-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-xxl-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-xxl-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-xxl-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-xxl-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-xxl-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-xxl-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-xxl-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-xxl-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-xxl-0 {
padding-top: 0 !important;
}
.pt-xxl-1 {
padding-top: 0.25rem !important;
}
.pt-xxl-2 {
padding-top: 0.5rem !important;
}
.pt-xxl-3 {
padding-top: 1rem !important;
}
.pt-xxl-4 {
padding-top: 1.5rem !important;
}
.pt-xxl-5 {
padding-top: 3rem !important;
}
.pe-xxl-0 {
padding-right: 0 !important;
}
.pe-xxl-1 {
padding-right: 0.25rem !important;
}
.pe-xxl-2 {
padding-right: 0.5rem !important;
}
.pe-xxl-3 {
padding-right: 1rem !important;
}
.pe-xxl-4 {
padding-right: 1.5rem !important;
}
.pe-xxl-5 {
padding-right: 3rem !important;
}
.pb-xxl-0 {
padding-bottom: 0 !important;
}
.pb-xxl-1 {
padding-bottom: 0.25rem !important;
}
.pb-xxl-2 {
padding-bottom: 0.5rem !important;
}
.pb-xxl-3 {
padding-bottom: 1rem !important;
}
.pb-xxl-4 {
padding-bottom: 1.5rem !important;
}
.pb-xxl-5 {
padding-bottom: 3rem !important;
}
.ps-xxl-0 {
padding-left: 0 !important;
}
.ps-xxl-1 {
padding-left: 0.25rem !important;
}
.ps-xxl-2 {
padding-left: 0.5rem !important;
}
.ps-xxl-3 {
padding-left: 1rem !important;
}
.ps-xxl-4 {
padding-left: 1.5rem !important;
}
.ps-xxl-5 {
padding-left: 3rem !important;
}
.text-xxl-start {
text-align: left !important;
}
.text-xxl-end {
text-align: right !important;
}
.text-xxl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.fs-1 {
font-size: 2.5rem !important;
}
.fs-2 {
font-size: 2rem !important;
}
.fs-3 {
font-size: 1.75rem !important;
}
.fs-4 {
font-size: 1.5rem !important;
}
}
@media print {
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-grid {
display: -ms-grid !important;
display: grid !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.d-print-none {
display: none !important;
}
}

* {
transition: 0.3s all ease;
font-family: "Lato", Arial, sans-serif;
}

html {
font-size: 16px;
scroll-behavior: smooth;
}

a {
transition: 0.3s all ease !important;
text-decoration: none;
}

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

.title-1 {
font-size: 72px;
}
@media (max-width: 1200px) {
.title-1 {
font-size: 60px;
}
}
@media (max-width: 768px) {
.title-1 {
font-size: 48px;
}
}

.title-2 {
font-size: 60px;
}
@media (max-width: 1400px) {
.title-2 {
font-size: 48px;
}
}
@media (max-width: 1200px) {
.title-2 {
font-size: 32px;
}
}
@media (max-width: 998px) {
.title-2 {
font-size: 24px;
}
}

.title-3, .solucoes-mkt__container__content__left__title {
font-size: 48px;
}
@media (max-width: 1200px) {
.title-3, .solucoes-mkt__container__content__left__title {
font-size: 40px;
}
}
@media (max-width: 1200px) {
.title-3, .solucoes-mkt__container__content__left__title {
font-size: 36px;
}
}

.title-4, .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button, .destaque__container__content__right .panel-group .panel-default .panel-heading {
font-size: 36px;
}
@media (max-width: 1546px) {
.title-4, .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button, .destaque__container__content__right .panel-group .panel-default .panel-heading {
font-size: 26px;
}
}
@media (max-width: 1200px) {
.title-4, .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button, .destaque__container__content__right .panel-group .panel-default .panel-heading {
font-size: 18px;
}
}
@media (max-width: 998px) {
.title-4, .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button, .destaque__container__content__right .panel-group .panel-default .panel-heading {
font-size: 15px;
}
}
@media (max-width: 768px) {
.title-4, .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button, .destaque__container__content__right .panel-group .panel-default .panel-heading {
font-size: 18px;
}
}

.text-1, .transforme__container__content__left__card, .criacao__container__content__bottom__line__card__title {
font-size: 24px;
}

.text-2, .criacao__container__content__bottom__line__card__resume, .header__container__content__menu__list li a {
font-size: 21px;
}

.light-blue {
color: #30a1c1;
}

.opaque-blue {
color: #347785;
}

.dark-blue {
color: #0F2226;
}

.green {
color: #377D8C;
}

.light-green {
color: #88C9DB;
}

.soft-gray {
color: #EBEBEB;
}

.opaque-gray {
color: #636D6F;
}

.dark-gray {
color: #304952;
}

.soft-black {
color: #2E2F35;
}

.bg-light-blue, .footer__container__content__top__redes a {
background-color: #30a1c1;
}

.bg-opaque-blue {
background-color: #347785;
}

.bg-dark-blue, .on-index, .footer__container__content__top__redes a:hover {
background-color: #0F2226;
}

.bg-green {
background-color: #377D8C;
}

.bg-light-green {
background-color: #88C9DB;
}

.bg-soft-gray {
background-color: #EBEBEB;
}

.bg-opaque-gray {
background-color: #636D6F;
}

.bg-gray, .footer {
background-color: #323F42;
}

.bg-dark-gray {
background-color: #304952;
}

.bg-soft-black {
background-color: #2E2F35;
}

::-webkit-scrollbar {
background-color: #304952;
width: 0.7rem;
}

::-webkit-scrollbar-thumb {
transition: 0.3s all ease;
background-color: #0F2226;
border-radius: 0px;
}

.text-light {
font-weight: 300 !important;
}

.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}

.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}

.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}

.alert-error,
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}

.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}

.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}

.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}

.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}

.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.alert button {
position: absolute;
top: 5px;
right: 10px;
padding: 3px;
background-color: transparent;
border: none;
}

main {
margin-top: 110px;
overflow: hidden;
width: 100%;
}

/* Páginas que usam o layout padrão já estão dentro deste main. */
#viewContent > main:has(> .page-landing) {
margin-top: 0;
}
@media (max-width: 1546px) {
main {
margin-top: 90px;
}
}
@media (max-width: 1200px) {
main {
margin-top: 75px;
}
}

a:hover,
a:focus,
a.link,
.link {
color: inherit;
}

@media (min-width: 1547px) {
.bg-webmail .container,
.bg-paginas-de-seo .container,
.bg-por-que-ter-um-e-commerce .container,
.bg-email-marketing .container,
.bg-loja-virtual .container {
width: 1422px;
max-width: 1422px;
}
}
@media (min-width: 1547px) {
.bg-websites .container {
width: 1531px;
max-width: 1531px;
}
}
.header-index {
position: fixed;
padding: 20px 0;
z-index: 500;
top: 0;
left: 0;
width: 100%;
}
@media (max-width: 598px) {
.header-index {
padding: 15px !important;
}
}
.header-index__container {
position: relative;
}
.header-index__container__content {
gap: 16px;
}
.header-index__container__content__top {
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 598px) {
.header-index__container__content__top {
top: calc(50% - 12px);
}
}
.header-index__container__content__top__menu {
list-style: none;
gap: 40px;
}
@media (max-width: 1546px) {
.header-index__container__content__top__menu {
gap: 25px;
}
}
@media (max-width: 998px) {
.header-index__container__content__top__menu {
gap: 15px;
}
}
.header-index__container__content__top__menu a {
text-decoration: none;
}
.header-index__container__content__top__menu li a.link {
gap: 10px;
border-radius: 4px;
border: unset;
color: #304952;
background-color: #FFF;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
padding-inline: 24px;
padding-block: 4px;
text-transform: none !important;
font-size: 18px;
}
.header-index__container__content__top__menu li a.link svg {
width: 12px;
}
.header-index__container__content__top__menu li a.link svg path {
stroke: #304952;
}
.header-index__container__content__top__menu li a.link:hover {
background-color: #304952;
color: #FFF;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.header-index__container__content__top__menu li a.link:hover svg path {
stroke: #FFF;
}
@media (max-width: 1546px) {
.header-index__container__content__top__menu li a.link {
font-size: 14px;
}
}
@media (max-width: 1200px) {
.header-index__container__content__top__menu li a.link {
font-size: 12px;
}
}
@media (max-width: 598px) {
.header-index__container__content__top__menu li a.link {
display: none !important;
}
}
.header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle {
gap: 10px;
border-radius: 4px;
border: unset;
color: #304952;
background-color: #FFF;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
padding-inline: 24px;
padding-block: 4px;
font-size: 18px;
}
.header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle svg {
width: 12px;
}
.header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle svg path {
stroke: #304952;
}
.header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle:hover {
background-color: #304952;
color: #FFF;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle:hover svg path {
stroke: #FFF;
}
@media (max-width: 1546px) {
.header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle {
font-size: 12px;
}
}
.header-index__container__content__top__menu .dropdown-menu {
padding: 0 !important;
min-width: 100%;
border-top: 3px solid #30a1c1;
border-bottom: 3px solid #30a1c1;
}
@media (max-width: 1546px) {
.header-index__container__content__top__menu .dropdown-menu {
min-width: 100%;
}
}
.header-index__container__content__top__menu .dropdown-menu li {
padding: 0;
}
.header-index__container__content__top__menu .dropdown-menu li a {
padding: 4px 13px;
display: block;
font-size: 18px;
}
@media (max-width: 1546px) {
.header-index__container__content__top__menu .dropdown-menu li a {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.header-index__container__content__top__menu .dropdown-menu li a {
font-size: 12px;
}
}
.header-index__container__content__top__menu .dropdown-menu li a:hover {
color: #30a1c1;
}
.header-index__container__content__top__menu .dropdown-menu .dropdown-menu {
top: 0;
left: auto;
right: 100%;
border: 1px;
}
.header-index__container__content__bottom {
margin-top: 89px;
}
@media (max-width: 1546px) {
.header-index__container__content__bottom {
margin-top: 35px;
}
.header-index__container__content__bottom img {
width: 120px;
height: auto;
}
}
@media (max-width: 598px) {
.header-index__container__content__bottom {
margin-top: 0;
justify-content: flex-start !important;
}
.header-index__container__content__bottom img {
width: 120px;
height: auto;
}
}
.header-index.scroll {
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
background: rgba(50, 63, 66, 0.2);
padding: 20px 0;
}
@media (max-width: 1546px) {
.header-index.scroll {
padding: 15px 0;
}
}
@media (max-width: 1200px) {
.header-index.scroll {
padding: 10px 0;
}
}
.header-index.scroll .header-index__container__content {
gap: 8px;
}
.header-index.scroll .header-index__container__content__top {
top: calc(50% - 12px);
}
.header-index.scroll .header-index__container__content__bottom {
margin-top: 0;
}

.header {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(90deg, #30a1c1 0%, #636D6F 100%);
}
@media (max-width: 598px) {
.header {
padding: 0 15px;
}
}
.header__container__content {
height: 110px;
gap: 16px;
}
@media (max-width: 1546px) {
.header__container__content {
height: 90px;
}
}
@media (max-width: 1200px) {
.header__container__content {
height: 75px;
}
}
.header__container__content__left a {
position: relative;
z-index: 500;
}
.header__container__content__left a img {
width: 158px;
height: auto;
}
@media (max-width: 1546px) {
.header__container__content__left a img {
width: 120px;
height: auto;
}
}
.header__container__content__center__list {
list-style: none;
gap: 40px;
}
@media (max-width: 1546px) {
.header__container__content__center__list {
gap: 25px;
}
}
@media (max-width: 998px) {
.header__container__content__center__list {
gap: 15px;
}
}
.header__container__content__center__list a {
gap: 5px;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
min-width: max-content;
font-size: 18px;
}
@media (max-width: 1546px) {
.header__container__content__center__list a {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.header__container__content__center__list a {
font-size: 12px;
}
}
@media (max-width: 998px) {
.header__container__content__center__list a {
font-size: 8px;
}
}
.header__container__content__center__list a:hover {
color: #EBEBEB;
opacity: 0.8;
}
.header__container__content__center__list .dropdown-menu {
padding: 0 !important;
border-top: 3px solid #30a1c1;
border-bottom: 3px solid #30a1c1;
}
@media (max-width: 1546px) {
.header__container__content__center__list .dropdown-menu {
min-width: 100%;
}
}
.header__container__content__center__list .dropdown-menu li {
padding: 0;
}
.header__container__content__center__list .dropdown-menu li a {
padding: 4px 13px;
display: block;
font-size: 18px;
text-transform: capitalize;
}
@media (max-width: 1546px) {
.header__container__content__center__list .dropdown-menu li a {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.header__container__content__center__list .dropdown-menu li a {
font-size: 12px;
}
}
.header__container__content__center__list .dropdown-menu li a:hover {
color: #30a1c1;
}
.header__container__content__right__menu {
list-style: none;
gap: 40px;
}
@media (max-width: 1546px) {
.header__container__content__right__menu {
gap: 25px;
}
}
@media (max-width: 998px) {
.header__container__content__right__menu {
gap: 15px;
}
}
.header__container__content__right__menu a {
text-decoration: none;
font-size: 16px;
}
.header__container__content__right__menu li a.link {
gap: 10px;
border-radius: 4px;
border: unset;
color: #304952;
background-color: #FFF;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
padding-inline: 24px;
padding-block: 4px;
text-transform: none !important;
font-size: 18px;
}
.header__container__content__right__menu li a.link svg {
width: 12px;
}
.header__container__content__right__menu li a.link svg path {
stroke: #304952;
}
.header__container__content__right__menu li a.link:hover {
background-color: #304952;
color: #FFF;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.header__container__content__right__menu li a.link:hover svg path {
stroke: #FFF;
}
@media (max-width: 1546px) {
.header__container__content__right__menu li a.link {
font-size: 14px;
}
}
@media (max-width: 1200px) {
.header__container__content__right__menu li a.link {
font-size: 12px;
}
}
.header__container__content__right__menu .menu-servicos {
display: none !important;
}
.header__container__content__right__menu .menu-servicos > a.dropdown-toggle {
gap: 10px;
border-radius: 4px;
border: unset;
color: #304952;
background-color: #FFF;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
padding-inline: 24px;
padding-block: 4px;
font-size: 18px;
}
.header__container__content__right__menu .menu-servicos > a.dropdown-toggle svg {
width: 12px;
}
.header__container__content__right__menu .menu-servicos > a.dropdown-toggle svg path {
stroke: #304952;
}
.header__container__content__right__menu .menu-servicos > a.dropdown-toggle:hover {
background-color: #304952;
color: #FFF;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.header__container__content__right__menu .menu-servicos > a.dropdown-toggle:hover svg path {
stroke: #FFF;
}
@media (max-width: 1546px) {
.header__container__content__right__menu .menu-servicos > a.dropdown-toggle {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.header__container__content__right__menu .menu-servicos > a.dropdown-toggle {
font-size: 12px;
}
}
.header__container__content__right__menu .dropdown-menu {
padding: 0 !important;
min-width: 100%;
border-top: 3px solid #30a1c1;
border-bottom: 3px solid #30a1c1;
}
@media (max-width: 1546px) {
.header__container__content__right__menu .dropdown-menu {
min-width: 100%;
}
}
.header__container__content__right__menu .dropdown-menu li {
padding: 0;
}
.header__container__content__right__menu .dropdown-menu li a {
padding: 4px 13px;
display: block;
font-size: 18px;
}
@media (max-width: 1546px) {
.header__container__content__right__menu .dropdown-menu li a {
font-size: 15px;
}
}
@media (max-width: 1200px) {
.header__container__content__right__menu .dropdown-menu li a {
font-size: 12px;
}
}
.header__container__content__right__menu .dropdown-menu li a:hover {
color: #30a1c1;
}
.header__container__content__right__menu .dropdown-menu .dropdown-menu {
top: 0;
left: auto;
right: 100%;
border: 1px;
}
.header__container__content__menu a {
display: block;
position: relative;
z-index: 500;
}
.header__container__content__menu a svg {
width: 24px;
}
.header__container__content__menu a svg path {
fill: #FFF;
}
.header__container__content__menu__list {
background: linear-gradient(90deg, #30a1c1 0%, #636D6F 100%);
position: fixed;
padding: 16px;
top: -100%;
left: 0;
z-index: 499;
}
.header__container__content__menu__list li {
list-style: none;
}
.header__container__content__menu__list li a {
color: #FFF;
}
.header__container__content__menu__bg {
position: fixed;
top: -100%;
z-index: 1;
left: 0;
background-color: rgba(0, 0, 0, 0.4274509804);
}
@media (max-width: 768px) {
.header__container__content__center, .header__container__content__right {
display: none !important;
}
.header__container__content__menu {
display: block !important;
}
.header__container__content__menu__list.show {
top: 110px;
}
.header__container__content__menu__bg.show {
top: 0;
}
}
.header.scroll {
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.5);
}
.header.scroll .header__container__content {
height: 80px;
}
@media (max-width: 1546px) {
.header.scroll .header__container__content {
height: 65px;
}
}
@media (max-width: 1200px) {
.header.scroll .header__container__content {
height: 55px;
}
}

.bg-menu-mobile {
position: fixed;
top: -100%;
z-index: 498;
left: 0;
background-color: rgba(0, 0, 0, 0.4274509804);
}

.menu-mobile {
background: linear-gradient(90deg, #30a1c1 0%, #636D6F 100%);
position: fixed;
padding: 16px;
top: -100%;
left: 0;
z-index: 499;
}
.menu-mobile__menu {
list-style: none;
margin: 0;
padding: 0;
}
.menu-mobile__menu li {
text-align: center !important;
}
.menu-mobile__menu li a {
font-size: 16px;
color: #FFF;
text-decoration: none !important;
text-align: center !important;
padding: 0 20px;
}
.menu-mobile__menu .dropdown-menu > li > a {
color: #333;
text-align: left !important;
}

@media (max-width: 768px) {
.menu-mobile.show {
top: 75px;
}
.menu-mobile.show.scroll {
top: 50px;
}
.bg-menu-mobile.show {
top: 0;
}
}
.footer {
padding: 80px 0;
}
.footer a:hover {
color: #30a1c1;
}
@media (max-width: 1546px) {
.footer {
padding: 50px 0;
}
}
@media (max-width: 998px) {
.footer {
padding: 30px 0;
}
}
.footer__container__content {
gap: 24px;
}
@media (max-width: 1546px) {
.footer__container__content {
gap: 16px;
}
}
.footer__container__content__top {
border-bottom: 1px solid #30a1c1;
padding-bottom: 24px;
}
@media (max-width: 1546px) {
.footer__container__content__top {
padding-bottom: 16px;
}
}
.footer__container__content__top__img {
width: 150px;
}
@media (max-width: 1546px) {
.footer__container__content__top__img {
width: 120px;
height: auto;
}
}
.footer__container__content__top__menu {
gap: 24px;
}
@media (max-width: 1546px) {
.footer__container__content__top__menu {
gap: 15px;
}
}
.footer__container__content__top__menu__item {
list-style: none;
}
.footer__container__content__top__menu__item a {
color: #D0D1D3;
font-size: 16px;
line-height: 1.2;
}
@media (max-width: 1546px) {
.footer__container__content__top__menu__item a {
font-size: 13px;
}
}
@media (max-width: 998px) {
.footer__container__content__top__menu__item a {
font-size: 10px;
}
}
.footer__container__content__top__menu__item a:hover {
color: #FFF;
font-weight: 500;
}
.footer__container__content__top__redes a {
padding: 10px;
}
@media (max-width: 1546px) {
.footer__container__content__top__redes a {
padding: 8px;
}
.footer__container__content__top__redes a svg {
width: 14px;
height: auto;
}
}
.footer__container__content__top__redes a:hover {
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
@media (max-width: 598px) {
.footer__container__content__top {
flex-direction: column;
gap: 1.5rem !important;
}
}
.footer__container__content__regioes {
gap: 8px;
padding-bottom: 35px;
border-bottom: 1px solid #30a1c1;
}
.footer__container__content__regioes__lista-titulos {
gap: 8px;
}
@media (max-width: 768px) {
.footer__container__content__regioes__lista-titulos {
flex-wrap: wrap;
}
}
.footer__container__content__regioes__lista-titulos__btn-titulo {
background: transparent;
border-radius: 6px;
border: 1px solid #658c93;
padding: 12px 16px;
color: #b3b3b7;
font-size: 16px;
font-weight: 400;
}
@media (max-width: 1400px) {
.footer__container__content__regioes__lista-titulos__btn-titulo {
font-size: 13px;
padding: 8px 13px;
}
}
@media (max-width: 598px) {
.footer__container__content__regioes__lista-titulos__btn-titulo {
font-size: 11px;
padding: 5px 10px;
}
}
.footer__container__content__regioes__lista-titulos__btn-titulo.active {
background: #173338;
border: 1px solid #33474a;
}
.footer__container__content__regioes .swiper#lista-items-regioes {
width: 100%;
margin-top: 10px;
}
@media (max-width: 1400px) {
.footer__container__content__regioes .swiper#lista-items-regioes {
margin-top: 5px;
}
}
.footer__container__content__regioes .swiper#lista-items-regioes .swiper-wrapper .swiper-slide {
color: #fff;
background: #173338;
border-radius: 6px;
padding: 16px;
opacity: 0 !important;
font-size: 14px;
}
@media (max-width: 1400px) {
.footer__container__content__regioes .swiper#lista-items-regioes .swiper-wrapper .swiper-slide {
padding: 12px;
font-size: 11px;
}
}
@media (max-width: 598px) {
.footer__container__content__regioes .swiper#lista-items-regioes .swiper-wrapper .swiper-slide {
font-size: 9px;
}
}
.footer__container__content__regioes .swiper#lista-items-regioes .swiper-wrapper .swiper-slide.swiper-slide-visible {
opacity: 1 !important;
}
.footer__container__content__regioes .swiper#lista-items-regioes .swiper-wrapper .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.footer__container__content__bottom {
row-gap: 15px;
}
.footer__container__content__bottom__item {
color: #EBEBEB;
flex: 1;
min-width: 300px;
font-size: 16px;
}
@media (max-width: 1546px) {
.footer__container__content__bottom__item {
font-size: 13px;
}
}
@media (max-width: 998px) {
.footer__container__content__bottom__item {
font-size: 10px;
}
}
.footer__container__content__bottom__item a {
color: #EBEBEB;
font-size: 16px;
display: block;
line-height: 1.5;
}
@media (max-width: 1546px) {
.footer__container__content__bottom__item a {
font-size: 13px;
}
}
@media (max-width: 998px) {
.footer__container__content__bottom__item a {
font-size: 10px;
}
}
@media (max-width: 768px) {
.footer {
padding: 60px 0;
}
}
@media (max-width: 598px) {
.footer {
padding: 30px 0;
}
}

.solucoes {
height: 100vh;
background-size: cover;
background-position: center;
}
@media (max-width: 998px) {
.solucoes {
min-height: 900px;
}
}
@media (max-width: 768px) {
.solucoes {
height: auto;
min-height: 500px;
}
}
@media (max-width: 598px) {
.solucoes {
min-height: 100vh;
background-position: top center;
}
}
.solucoes__container__content {
gap: 16px;
}
@media (max-width: 598px) {
.solucoes__container__content {
gap: 35px;
}
}
.solucoes__container__content__title {
color: #fff;
font-size: 48px;
font-weight: 300;
text-align: center;
line-height: 1.3;
letter-spacing: 3px;
max-width: 1094px;
}
@media (max-width: 1546px) {
.solucoes__container__content__title {
font-size: 32px;
max-width: 870px;
}
}
@media (max-width: 1200px) {
.solucoes__container__content__title {
font-size: 24px;
max-width: 650px;
}
}
.solucoes__container__content__subtitle {
color: #fff;
font-size: 32px;
font-weight: 400;
text-align: center;
line-height: 1.5;
letter-spacing: 3px;
max-width: 1247px;
}
@media (max-width: 1546px) {
.solucoes__container__content__subtitle {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.solucoes__container__content__subtitle {
font-size: 18px;
}
}

.sobre {
background-position: top;
background-size: cover;
}

.pedizap {
padding: 43px 0 23px 0;
background-position: center;
background-size: cover;
}
.pedizap__container {
gap: 76px;
}
@media (max-width: 1546px) {
.pedizap__container {
gap: 50px;
}
}
@media (max-width: 768px) {
.pedizap__container {
align-items: stretch !important;
}
}
@media (max-width: 768px) {
.pedizap__container__left {
min-width: min-content;
max-width: 450px;
width: auto !important;
align-self: center;
}
}
.pedizap__container__right {
max-width: 40%;
gap: 18px;
color: #FFF;
}
@media (max-width: 768px) {
.pedizap__container__right {
max-width: max-content;
gap: 10px;
}
}
.pedizap__container__right__title {
font-size: 72px;
line-height: 1.2;
text-transform: uppercase;
}
@media (max-width: 1546px) {
.pedizap__container__right__title {
font-size: 50px;
}
}
@media (max-width: 1200px) {
.pedizap__container__right__title {
font-size: 36px;
}
}
.pedizap__container__right__resume {
font-size: 36px;
max-width: 603px;
line-height: 1.5;
margin-bottom: 16px;
}
@media (max-width: 1546px) {
.pedizap__container__right__resume {
font-size: 23px;
margin-bottom: 8px;
max-width: 420px;
}
}
@media (max-width: 1200px) {
.pedizap__container__right__resume {
font-size: 17px;
}
}
@media (max-width: 768px) {
.pedizap__container__right__resume {
max-width: max-content;
}
}
.pedizap__container__right__content h1,
.pedizap__container__right__content h2,
.pedizap__container__right__content h3,
.pedizap__container__right__content h4,
.pedizap__container__right__content h5,
.pedizap__container__right__content h6,
.pedizap__container__right__content p {
font-size: 26px;
line-height: 1.5;
max-width: 552px;
margin-bottom: 56px;
}
@media (max-width: 1546px) {
.pedizap__container__right__content h1,
.pedizap__container__right__content h2,
.pedizap__container__right__content h3,
.pedizap__container__right__content h4,
.pedizap__container__right__content h5,
.pedizap__container__right__content h6,
.pedizap__container__right__content p {
font-size: 18px;
margin-bottom: 32px;
max-width: 400px;
}
}
@media (max-width: 1200px) {
.pedizap__container__right__content h1,
.pedizap__container__right__content h2,
.pedizap__container__right__content h3,
.pedizap__container__right__content h4,
.pedizap__container__right__content h5,
.pedizap__container__right__content h6,
.pedizap__container__right__content p {
font-size: 15px;
}
}
@media (max-width: 768px) {
.pedizap__container__right__content h1,
.pedizap__container__right__content h2,
.pedizap__container__right__content h3,
.pedizap__container__right__content h4,
.pedizap__container__right__content h5,
.pedizap__container__right__content h6,
.pedizap__container__right__content p {
max-width: max-content;
}
}
.pedizap__container__right__bottom {
gap: 71px;
}
@media (max-width: 1546px) {
.pedizap__container__right__bottom {
gap: 50px;
}
}
@media (max-width: 768px) {
.pedizap__container__right__bottom {
gap: 35px;
justify-content: center !important;
}
}
.pedizap__container__right__bottom__link {
gap: 22px;
padding: 16px 33px;
min-width: 310px;
background-color: #0C3C49;
border-radius: 15px;
color: #fff;
font-size: 33px;
font-family: "Lato", Arial, sans-serif;
line-height: 1.3;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.pedizap__container__right__bottom__link {
font-size: 21px;
padding: 13px 25px;
min-width: 215px;
}
}
@media (max-width: 1200px) {
.pedizap__container__right__bottom__link {
font-size: 17px;
padding: 9px 18px;
min-width: 180px;
border-radius: 8px;
}
}
@media (max-width: 598px) {
.pedizap__container__right__bottom__link {
font-size: 13px;
min-width: 140px;
gap: 12px;
}
.pedizap__container__right__bottom__link svg {
height: 15px;
width: auto;
}
}
.pedizap__container__right__bottom__link:hover {
opacity: 0.7;
}
.pedizap__container__right__bottom__img {
width: 188px;
height: auto;
}
@media (max-width: 1546px) {
.pedizap__container__right__bottom__img {
width: 120px;
}
}
@media (max-width: 1200px) {
.pedizap__container__right__bottom__img {
width: 100px;
}
}
@media (max-width: 598px) {
.pedizap__container__right__bottom__img {
width: 80px;
}
}
@media (max-width: 768px) {
.pedizap__container {
flex-direction: column;
}
.pedizap__container__left__title, .pedizap__container__left__resume, .pedizap__container__left__content, .pedizap__container__right__title, .pedizap__container__right__resume, .pedizap__container__right__content {
text-align: center;
}
}
@media (max-width: 768px) {
.pedizap {
padding: 60px 0;
}
}
@media (max-width: 598px) {
.pedizap {
padding: 30px 0;
}
}

.blog-content {
padding: 50px 0;
}
.blog-content__container {
display: flex;
flex-direction: row-reverse;
justify-content: center;
gap: 60px;
}
@media (max-width: 998px) {
.blog-content__container {
gap: 20px;
}
}
@media (max-width: 768px) {
.blog-content__container {
flex-direction: column-reverse;
gap: 60px;
}
}
.blog-content__container__article {
max-width: 750px;
}
@media (max-width: 998px) {
.blog-content__container__article {
max-width: 450px;
}
}
@media (max-width: 768px) {
.blog-content__container__article {
max-width: max-content;
width: 100%;
}
}
.blog-content__container__article__header {
margin-bottom: 15px;
}
@media (max-width: 768px) {
.blog-content__container__article__header {
margin-bottom: 10px;
}
}
.blog-content__container__article__header__infos__author, .blog-content__container__article__header__infos__date {
color: #656565;
font-size: 16px;
line-height: 1.2;
text-transform: capitalize;
}
@media (max-width: 1200px) {
.blog-content__container__article__header__infos__author, .blog-content__container__article__header__infos__date {
font-size: 14px;
}
}
@media (max-width: 998px) {
.blog-content__container__article__header__infos__author, .blog-content__container__article__header__infos__date {
font-size: 12px;
}
}
.blog-content__container__article__header .breadcrumb {
margin-bottom: 12px;
}
.blog-content__container__article__header .breadcrumb li {
padding: 0 4px;
}
.blog-content__container__article__header .breadcrumb li:first-child {
padding-left: 0;
}
.blog-content__container__article h1 {
color: #0e5768;
font-family: "PT Serif", Arial, serif;
font-size: 36px;
font-weight: 600;
line-height: 1.5;
text-transform: capitalize;
padding: 0 0 20px 0;
}
@media (max-width: 1200px) {
.blog-content__container__article h1 {
font-size: 24px;
}
}
@media (max-width: 998px) {
.blog-content__container__article h1 {
font-size: 21px;
}
}
@media (max-width: 768px) {
.blog-content__container__article h1 {
font-size: 24px;
padding: 0;
}
}
@media (max-width: 598px) {
.blog-content__container__article h1 {
font-size: 25px;
}
}
.blog-content__container__article h2 {
color: #457f8c;
font-family: "PT Serif", Arial, serif;
font-size: 28px;
font-weight: 600;
line-height: 1.5;
padding: 15px 0;
}
@media (max-width: 1200px) {
.blog-content__container__article h2 {
font-size: 21px;
}
}
@media (max-width: 998px) {
.blog-content__container__article h2 {
font-size: 18px;
}
}
@media (max-width: 768px) {
.blog-content__container__article h2 {
font-size: 19px;
}
}
@media (max-width: 598px) {
.blog-content__container__article h2 {
font-size: 17px;
}
}
.blog-content__container__article h3 {
color: #0e5768;
font-family: "PT Serif", Arial, serif;
font-size: 21px;
font-weight: 600;
line-height: 1.5;
padding: 10px 0;
}
@media (max-width: 1200px) {
.blog-content__container__article h3 {
font-size: 18px;
}
}
@media (max-width: 998px) {
.blog-content__container__article h3 {
font-size: 16px;
}
}
@media (max-width: 768px) {
.blog-content__container__article h3 {
font-size: 18px;
margin-bottom: 7px;
}
}
@media (max-width: 598px) {
.blog-content__container__article h3 {
font-size: 19px;
margin-top: 10px;
}
}
.blog-content__container__article h4 {
color: #0e5768;
font-family: "PT Serif", Arial, serif;
font-size: 18px;
font-weight: 600;
line-height: 1.5;
padding: 5px 0;
}
@media (max-width: 1200px) {
.blog-content__container__article h4 {
font-size: 16px;
}
}
@media (max-width: 998px) {
.blog-content__container__article h4 {
font-size: 14px;
}
}
@media (max-width: 768px) {
.blog-content__container__article h4 {
margin-bottom: 5px;
}
}
@media (max-width: 598px) {
.blog-content__container__article h4 {
font-size: 16px;
margin-top: 7px;
}
}
.blog-content__container__article li,
.blog-content__container__article p {
font-family: "PT Serif", Arial, serif;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
padding: 5px 0;
}
@media (max-width: 1200px) {
.blog-content__container__article li,
.blog-content__container__article p {
font-size: 14px;
}
}
@media (max-width: 998px) {
.blog-content__container__article li,
.blog-content__container__article p {
font-size: 11px;
}
}
@media (max-width: 768px) {
.blog-content__container__article li,
.blog-content__container__article p {
font-size: 14px;
}
}
@media (max-width: 598px) {
.blog-content__container__article li,
.blog-content__container__article p {
font-size: 14px;
}
}
@media (max-width: 768px) {
.blog-content__container__article p {
margin-bottom: 3px;
}
}
@media (max-width: 598px) {
.blog-content__container__article p {
margin-bottom: 5px;
}
}
.blog-content__container__article img {
max-width: 100%;
margin: 0 auto;
}
@media (max-width: 768px) {
.blog-content__container__article img {
margin-bottom: 10px;
}
}
.blog-content__container__lateral {
gap: 30px;
flex: 1;
max-width: 350px;
}
@media (max-width: 998px) {
.blog-content__container__lateral {
max-width: 250px;
}
}
@media (max-width: 768px) {
.blog-content__container__lateral {
max-width: 100% !important;
width: 100% !important;
}
}
.blog-category {
padding: 50px 0;
}
.blog-category__container {
display: flex;
flex-direction: row-reverse;
justify-content: center;
gap: 60px;
}
@media (max-width: 1200px) {
.blog-category__container {
gap: 40px;
}
}
@media (max-width: 998px) {
.blog-category__container {
gap: 20px;
}
}
@media (max-width: 768px) {
.blog-category__container {
flex-direction: column;
}
}
.blog-category__container__main {
max-width: 900px;
}
@media (max-width: 1400px) {
.blog-category__container__main {
max-width: 750px;
}
}
@media (max-width: 1200px) {
.blog-category__container__main {
max-width: 625px;
}
}
@media (max-width: 998px) {
.blog-category__container__main {
max-width: 470px;
}
}
@media (max-width: 768px) {
.blog-category__container__main {
max-width: max-content;
}
}
.blog-category__container__main .alert {
width: 100vw;
max-width: 100%;
}
.blog-category__container__main__list {
gap: 50px;
}
@media (max-width: 1200px) {
.blog-category__container__main__list {
gap: 25px;
}
}
@media (max-width: 598px) {
.blog-category__container__main__list {
flex-direction: row !important;
flex-wrap: wrap !important;
}
}
.blog-category__container__lateral {
gap: 30px;
flex: 1;
max-width: 350px;
}
@media (max-width: 998px) {
.blog-category__container__lateral {
max-width: 250px;
}
}
@media (max-width: 768px) {
.blog-category__container__lateral {
max-width: 100% !important;
width: 100% !important;
}
}
.bairros {
padding: 80px 0;
}
@media (max-width: 1546px) {
.bairros {
padding: 50px 0;
}
}
@media (max-width: 998px) {
.bairros {
padding: 30px 0;
}
}
.bairros__container {
gap: 24px;
}
.bairros__container__title {
font-size: 32px;
font-weight: 600;
line-height: 1.5;
text-align: center;
}
@media (max-width: 1546px) {
.bairros__container__title {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.bairros__container__title {
font-size: 21px;
}
}
@media (max-width: 998px) {
.bairros__container__title {
font-size: 15px;
}
}
.bairros__container__listagem .card-bairro {
flex: 1;
min-width: 250px;
}
@media (max-width: 1200px) {
.bairros__container__listagem .card-bairro {
min-width: 200px;
}
}
@media (max-width: 998px) {
.bairros__container__listagem .card-bairro {
min-width: 160px;
}
}
.bairros__container__listagem .card-bairro p {
font-family: "PT Serif", Arial, serif;
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
@media (max-width: 1200px) {
.bairros__container__listagem .card-bairro p {
font-size: 14px;
}
}
@media (max-width: 998px) {
.bairros__container__listagem .card-bairro p {
font-size: 11px;
}
}

.secao-blog {
padding: 80px 0;
background-color: #f4fcff;
position: relative;
}
@media (max-width: 1546px) {
.secao-blog {
padding: 50px 0;
}
}
@media (max-width: 998px) {
.secao-blog {
padding: 30px 0;
}
}
.secao-blog__container {
gap: 20px;
position: relative;
z-index: 5;
}
@media (max-width: 768px) {
.secao-blog__container {
gap: 10px;
}
}
.secao-blog__container__title {
color: #254753;
font-size: 32px;
font-weight: 600;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 1546px) {
.secao-blog__container__title {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.secao-blog__container__title {
font-size: 21px;
}
}
@media (max-width: 998px) {
.secao-blog__container__title {
font-size: 15px;
}
}
@media (max-width: 598px) {
.secao-blog__container__title {
font-size: 18px;
}
}
.secao-blog__container__description {
position: relative;
color: #5a5a5a;
font-size: 23px;
font-weight: 300;
line-height: 1.2;
text-align: center;
padding-bottom: 10px;
}
@media (max-width: 1400px) {
.secao-blog__container__description {
font-size: 19px;
}
}
@media (max-width: 1200px) {
.secao-blog__container__description {
font-size: 16px;
}
}
@media (max-width: 598px) {
.secao-blog__container__description {
font-size: 13px;
}
}
.secao-blog__container__description::before {
display: block;
background-color: #66007a;
content: " ";
position: absolute;
bottom: -10px;
left: 10%;
width: 80%;
height: 2px;
}
.secao-blog__container__listagem {
position: relative;
width: 100%;
}
@media (max-width: 598px) {
.secao-blog__container__listagem {
width: 90%;
}
}
.secao-blog__container__listagem__swiper {
width: 100%;
padding: 30px 0;
}
.secao-blog__container__listagem__navigation__left {
left: -25px;
}
@media (max-width: 598px) {
.secao-blog__container__listagem__navigation__left {
left: -20px;
}
}
.secao-blog__container__listagem__navigation__right {
right: -25px;
}
@media (max-width: 598px) {
.secao-blog__container__listagem__navigation__right {
right: -20px;
}
}
.secao-blog__container__listagem__navigation__left, .secao-blog__container__listagem__navigation__right {
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 129, 164, 0.2901960784);
border: 1px solid rgba(50, 69, 74, 0.2901960784);
border-radius: 50px;
width: 50px;
height: 50px;
position: absolute;
top: 50%;
z-index: 5;
}
@media (max-width: 598px) {
.secao-blog__container__listagem__navigation__left, .secao-blog__container__listagem__navigation__right {
width: 40px;
height: 40px;
}
}
.secao-blog__container__listagem__navigation__left.swiper-button-disabled, .secao-blog__container__listagem__navigation__right.swiper-button-disabled {
opacity: 0.3;
cursor: not-allowed;
}
.secao-blog__container__listagem__navigation__left svg, .secao-blog__container__listagem__navigation__right svg {
width: 40%;
height: auto;
}
.secao-blog__container__listagem__navigation__left svg path, .secao-blog__container__listagem__navigation__right svg path {
stroke: #0081a4;
}
.secao-blog__container__listagem__navigation__left:hover, .secao-blog__container__listagem__navigation__right:hover {
background-color: #8fa5ab;
}

.b2 {
padding: 20px 0 60px 0;
overflow: hidden;
}
.b2__container__content {
gap: 24px;
}
@media (max-width: 998px) {
.b2__container__content {
gap: 12px;
}
}
.b2__container__content__item {
border-radius: 24px;
padding: 70px 92px 38px 69px;
color: #FFF;
background-color: #636D6F;
position: relative;
}
@media (max-width: 1546px) {
.b2__container__content__item {
padding: 45px 59px 58px 46px;
}
}
@media (max-width: 1200px) {
.b2__container__content__item {
padding: 23px 40px 30px 23px;
}
}
@media (max-width: 998px) {
.b2__container__content__item {
padding: 18px 20px;
border-radius: 12px;
}
}
.b2__container__content__item:first-child {
background-color: #347785;
}
.b2__container__content__item__content {
gap: 15px;
max-width: 496px;
}
@media (max-width: 1200px) {
.b2__container__content__item__content {
gap: 10px;
}
}
.b2__container__content__item__content__title {
font-size: 128px;
line-height: 1.2;
font-weight: 200;
}
@media (max-width: 1546px) {
.b2__container__content__item__content__title {
font-size: 92px;
}
}
@media (max-width: 1200px) {
.b2__container__content__item__content__title {
font-size: 70px;
}
}
@media (max-width: 998px) {
.b2__container__content__item__content__title {
font-size: 52px;
}
}
.b2__container__content__item__content__resume {
font-size: 26px;
line-height: 1.5;
padding: 0 12px;
min-height: 156px;
}
@media (max-width: 1546px) {
.b2__container__content__item__content__resume {
font-size: 18px;
min-height: 112px;
}
}
@media (max-width: 1200px) {
.b2__container__content__item__content__resume {
font-size: 15px;
min-height: 80px;
}
}
@media (max-width: 998px) {
.b2__container__content__item__content__resume {
font-size: 11px;
padding: 0 8px;
min-height: 69px;
}
}
.b2__container__content__item__content a {
color: #fff;
font-size: 26px;
line-height: 1.5;
text-decoration: none !important;
margin-top: 120px;
padding: 0 12px;
}
@media (max-width: 1546px) {
.b2__container__content__item__content a {
font-size: 18px;
margin-top: 50px;
}
}
@media (max-width: 1200px) {
.b2__container__content__item__content a {
font-size: 15px;
}
}
@media (max-width: 998px) {
.b2__container__content__item__content a {
margin-top: 30px;
font-size: 11px;
}
}
.b2__container__content__item__link {
position: absolute;
right: 92px;
bottom: 58px;
}
@media (max-width: 1200px) {
.b2__container__content__item__link {
right: 37px;
bottom: 33px;
}
}
@media (max-width: 998px) {
.b2__container__content__item__link {
width: 40px;
right: 20px;
bottom: 18px;
}
.b2__container__content__item__link svg {
width: 100%;
height: auto;
}
}
@media (max-width: 598px) {
.b2__container__content {
flex-direction: column;
align-items: center;
}
.b2__container__content__item {
width: 100% !important;
}
.b2__container__content__item__b2b__content__resume, .b2__container__content__item__b2b__content__title, .b2__container__content__item__b2c__content__resume, .b2__container__content__item__b2c__content__title {
width: 100% !important;
text-align: justify;
}
}

.comunicacao {
padding: 83px 0 68px 0;
background-position: center;
background-size: cover;
overflow: hidden;
}
@media (max-width: 1546px) {
.comunicacao {
padding: 50px 0 42px 0;
}
}
@media (max-width: 998px) {
.comunicacao {
padding: 30px 0 25px 0;
}
}
.comunicacao__container__content {
gap: 87px;
}
@media (max-width: 1546px) {
.comunicacao__container__content {
gap: 55px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content {
gap: 40px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content {
gap: 30px;
}
}
.comunicacao__container__content__top {
color: #FFF;
}
@media (max-width: 598px) {
.comunicacao__container__content__top {
gap: 20px;
}
}
.comunicacao__container__content__top__text {
flex: 1;
max-width: 531px;
gap: 20px;
}
@media (max-width: 1546px) {
.comunicacao__container__content__top__text {
max-width: 396px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__top__text {
max-width: 310px;
gap: 10px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__top__text {
max-width: 280px;
}
}
@media (max-width: 598px) {
.comunicacao__container__content__top__text {
max-width: max-content;
align-items: center;
}
}
.comunicacao__container__content__top__text__title {
font-size: 48px;
line-height: 1.2;
letter-spacing: 3px;
font-weight: 200;
}
@media (max-width: 1546px) {
.comunicacao__container__content__top__text__title {
font-size: 32px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__top__text__title {
font-size: 24px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__top__text__title {
font-size: 21px;
}
}
.comunicacao__container__content__top__text__resume {
font-size: 30px;
line-height: 1.2;
max-width: 357px;
}
@media (max-width: 1546px) {
.comunicacao__container__content__top__text__resume {
font-size: 19px;
max-width: 250px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__top__text__resume {
font-size: 15px;
max-width: 210px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__top__text__resume {
font-size: 11px;
max-width: 150px;
}
}
@media (max-width: 598px) {
.comunicacao__container__content__top__text__resume {
max-width: max-content;
}
}
.comunicacao__container__content__top__text__btns {
gap: 18px;
}
@media (max-width: 598px) {
.comunicacao__container__content__top__text__btns {
justify-content: center !important;
}
}
.comunicacao__container__content__top__text__btns__button {
display: block;
color: #FFFFFF;
font-size: 16px;
line-height: 1.2;
letter-spacing: -0.2px;
text-decoration: none !important;
padding: 10px 28px;
border-radius: 12px;
border: 1px solid #CDD3DB;
background: transparent;
}
@media (max-width: 1546px) {
.comunicacao__container__content__top__text__btns__button {
border-radius: 8px;
padding: 7px 18px;
font-size: 13px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__top__text__btns__button {
border-radius: 6px;
padding: 5px 14px;
font-size: 10px;
}
}
.comunicacao__container__content__top__text__btns__button:hover {
color: #EDEEF0;
background-color: #1D1E20;
border: 1px solid #505967;
}
.comunicacao__container__content__top__image {
flex: 1;
max-width: 723px;
position: relative;
}
@media (max-width: 1546px) {
.comunicacao__container__content__top__image {
max-width: 520px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__top__image {
max-width: 440px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__top__image {
max-width: 350px;
}
}
@media (max-width: 598px) {
.comunicacao__container__content__top__image {
max-width: 320px;
}
}
.comunicacao__container__content__top__image::after {
z-index: 1;
content: " ";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: -17px;
left: -55px;
background-color: #88C9DB;
}
@media (max-width: 998px) {
.comunicacao__container__content__top__image::after {
left: -25px;
top: -8px;
}
}
.comunicacao__container__content__top__image__img {
width: 100%;
position: relative;
z-index: 2;
}
.comunicacao__container__content__top__image__img-absolute {
position: absolute;
bottom: -9px;
right: -268px;
z-index: 5;
}
@media (max-width: 1546px) {
.comunicacao__container__content__top__image__img-absolute {
bottom: -7px;
right: -177px;
width: 293px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__top__image__img-absolute {
right: -130px;
width: 210px;
}
}
@media (max-width: 768px) {
.comunicacao__container__content__top {
flex-direction: column;
}
.comunicacao__container__content__top__text, .comunicacao__container__content__top__image {
text-align: center;
}
.comunicacao__container__content__top__text__resume, .comunicacao__container__content__top__image__resume {
width: 100% !important;
text-align: center;
}
}
.comunicacao__container__content__swiper {
width: 110%;
margin-left: -5%;
}
@media (max-width: 1546px) {
.comunicacao__container__content__swiper {
width: 100%;
margin-left: 0;
}
}
.comunicacao__container__content__swiper__wrapper__slide__card {
gap: 24px;
}
@media (max-width: 998px) {
.comunicacao__container__content__swiper__wrapper__slide__card {
gap: 14px;
}
}
.comunicacao__container__content__swiper__wrapper__slide__card__top {
color: #FFF;
}
@media (max-width: 598px) {
.comunicacao__container__content__swiper__wrapper__slide__card__top {
flex-direction: column;
gap: 5px !important;
text-align: center;
}
}
.comunicacao__container__content__swiper__wrapper__slide__card__top__title {
font-size: 33px;
line-height: 1.3;
letter-spacing: 1px;
text-transform: uppercase;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 4px 30px rgba(48, 161, 193, 0.1);
background: rgba(48, 161, 193, 0.2);
padding: 55px 25px;
}
@media (max-width: 1546px) {
.comunicacao__container__content__swiper__wrapper__slide__card__top__title {
font-size: 21px;
padding: 28px 15px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__swiper__wrapper__slide__card__top__title {
font-size: 17px;
padding: 20px 15px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__swiper__wrapper__slide__card__top__title {
font-size: 13px;
}
}
.comunicacao__container__content__swiper__wrapper__slide__card__top__number {
font-size: 32px;
line-height: 1.6;
letter-spacing: 1.5px;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 4px 30px rgba(48, 161, 193, 0.1);
background: rgba(48, 161, 193, 0.2);
clip-path: circle();
width: 93px;
height: 93px;
}
@media (max-width: 1546px) {
.comunicacao__container__content__swiper__wrapper__slide__card__top__number {
width: 65px;
height: 65px;
font-size: 24px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__swiper__wrapper__slide__card__top__number {
width: 50px;
height: 50px;
font-size: 18px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__swiper__wrapper__slide__card__top__number {
font-size: 15px;
}
}
@media (max-width: 598px) {
.comunicacao__container__content__swiper__wrapper__slide__card__top__number {
width: 40px;
height: 40px;
font-size: 11px;
}
}
.comunicacao__container__content__swiper__wrapper__slide__card__resume {
color: #FFF;
font-size: 28px;
line-height: 1.8;
text-align: center;
}
@media (max-width: 1546px) {
.comunicacao__container__content__swiper__wrapper__slide__card__resume {
font-size: 19px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__swiper__wrapper__slide__card__resume {
font-size: 15px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__swiper__wrapper__slide__card__resume {
font-size: 11px;
}
}
.comunicacao__container__content__bottom__btn {
display: block;
color: #FFFFFF;
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.2px;
text-transform: uppercase;
text-decoration: none !important;
padding: 18px 39px;
border-radius: 12px;
border: 1px solid #CDD3DB;
background: transparent;
}
@media (max-width: 1546px) {
.comunicacao__container__content__bottom__btn {
padding: 12px 25px;
font-size: 18px;
}
}
@media (max-width: 1200px) {
.comunicacao__container__content__bottom__btn {
padding: 9px 20px;
font-size: 15px;
}
}
@media (max-width: 998px) {
.comunicacao__container__content__bottom__btn {
font-size: 11px;
border-radius: 6px;
padding: 7px 16px;
}
}
.comunicacao__container__content__bottom__btn:hover {
color: #EDEEF0;
background-color: #1D1E20;
border: 1px solid #505967;
}

.criacao {
background-image: linear-gradient(180deg, #377D8C 0%, #0F2226 100%);
padding: 80px 0;
}
.criacao__container__content__top {
position: relative;
}
.criacao__container__content__top img {
width: 60%;
box-shadow: 5px -4px #30a1c1;
border-radius: 16px;
}
.criacao__container__content__top__card {
position: absolute;
padding: 54px 50px;
width: 48%;
left: 50%;
top: 50%;
transform: translateY(-50%);
color: #FFF;
background: linear-gradient(180deg, #30a1c1 0%, rgb(68, 144, 173) 77%, rgb(51, 110, 129));
border-radius: 8px;
}
@media (max-width: 1546px) {
.criacao__container__content__top__card {
left: 57%;
width: 42%;
padding: 27px 25px;
}
}
@media (max-width: 1200px) {
.criacao__container__content__top__card {
padding: 17px 15px;
}
}
@media (max-width: 768px) {
.criacao__container__content__top__card {
left: 50%;
top: 70%;
width: 80%;
}
}
.criacao__container__content__top__card p {
color: #CCD6F6;
font-size: 25px;
font-weight: 300;
max-width: 552px;
}
@media (max-width: 1546px) {
.criacao__container__content__top__card p {
font-size: 16px;
max-width: 360px;
}
}
@media (max-width: 1200px) {
.criacao__container__content__top__card p {
font-size: 13px;
max-width: 290px;
}
}
@media (max-width: 998px) {
.criacao__container__content__top__card p {
font-size: 10px;
max-width: 220px;
}
}
@media (max-width: 768px) {
.criacao__container__content__top__card p {
font-size: 13px;
max-width: 350px;
}
}
.criacao__container__content__bottom {
gap: 24px;
}
@media (max-width: 1546px) {
.criacao__container__content__bottom {
gap: 15px;
}
}
.criacao__container__content__bottom__line {
position: relative;
}
.criacao__container__content__bottom__line__card {
gap: 16px;
width: 40%;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
background: rgba(50, 63, 66, 0.2);
padding: 50px 68px;
}
@media (max-width: 1546px) {
.criacao__container__content__bottom__line__card {
gap: 10px;
padding: 25px 32px;
}
}
@media (max-width: 1200px) {
.criacao__container__content__bottom__line__card {
gap: 7px;
padding: 16px 20px;
}
}
.criacao__container__content__bottom__line__card__title {
color: #FFF;
font-weight: 600;
max-width: 500px;
}
@media (max-width: 1546px) {
.criacao__container__content__bottom__line__card__title {
font-size: 16px;
}
}
@media (max-width: 1200px) {
.criacao__container__content__bottom__line__card__title {
font-size: 13px;
}
}
@media (max-width: 998px) {
.criacao__container__content__bottom__line__card__title {
font-size: 10px;
}
}
@media (max-width: 768px) {
.criacao__container__content__bottom__line__card__title {
font-size: 13px;
}
}
.criacao__container__content__bottom__line__card__resume {
color: #FFF;
margin: 0;
font-weight: 300;
}
@media (max-width: 1546px) {
.criacao__container__content__bottom__line__card__resume {
font-size: 14px;
}
}
@media (max-width: 1200px) {
.criacao__container__content__bottom__line__card__resume {
font-size: 11px;
}
}
@media (max-width: 998px) {
.criacao__container__content__bottom__line__card__resume {
font-size: 9px;
}
}
@media (max-width: 768px) {
.criacao__container__content__bottom__line__card__resume {
font-size: 11px;
}
}
.criacao__container__content__bottom__line__number {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
background: rgba(50, 63, 66, 0.2);
padding: 20px;
clip-path: circle();
}
.criacao__container__content__bottom__line__number p {
color: #FFF;
margin: 0;
}
@media (max-width: 768px) {
.criacao__container__content {
display: flex;
flex-direction: column;
gap: 3rem;
}
.criacao__container__content__top {
display: flex;
justify-content: center;
}
.criacao__container__content__top__card {
width: 50%;
z-index: 500;
transform: translateX(-50%) !important;
background: linear-gradient(180deg, #377D8C 0%, #0F2226 100%);
}
.criacao__container__content__top__card p {
text-align: center;
}
.criacao__container__content__bottom__line:nth-child(even) {
justify-content: end !important;
}
.criacao__container__content__bottom__line__number {
left: 15%;
transform: translate(-85%, -50%) !important;
}
.criacao__container__content__bottom__line__card {
width: 75%;
}
}
@media (max-width: 598px) {
.criacao__container__content {
display: flex;
flex-direction: column;
gap: 6rem;
}
.criacao__container__content img {
width: 100%;
}
.criacao__container__content__top__card {
width: 75%;
left: 50%;
transform: translateX(-50%) !important;
}
.criacao__container__content__bottom {
gap: 5rem !important;
}
.criacao__container__content__bottom__line {
flex-direction: column;
}
.criacao__container__content__bottom__line__number {
top: -20px;
left: calc(50% + 22px);
transform: rotateX(-50%);
z-index: 400;
background-color: #2E2F35;
}
.criacao__container__content__bottom__line__card {
width: 100%;
}
.criacao__container__content__bottom__line__card__resume, .criacao__container__content__bottom__line__card__title {
text-align: center !important;
}
}
@media (max-width: 768px) {
.criacao {
padding: 60px 0;
}
}
@media (max-width: 598px) {
.criacao {
padding: 30px 0;
}
}

.destaque {
padding: 80px 0;
min-height: fit-content;
height: 100vh;
position: relative;
}
@media (max-width: 1546px) {
.destaque {
padding: 50px 0;
}
}
@media (max-width: 1200px) {
.destaque {
padding: 35px 0;
}
}
@media (max-width: 998px) {
.destaque {
height: fit-content;
}
}
@media (max-width: 768px) {
.destaque {
padding: 60px 0;
}
}
@media (max-width: 598px) {
.destaque {
padding: 30px 0;
}
}
.destaque__img-absolute-01, .destaque__img-absolute-02 {
position: absolute;
}
@media (max-width: 1546px) {
.destaque__img-absolute-01, .destaque__img-absolute-02 {
width: 330px;
height: auto;
}
}
@media (max-width: 1200px) {
.destaque__img-absolute-01, .destaque__img-absolute-02 {
width: 250px;
}
}
@media (max-width: 998px) {
.destaque__img-absolute-01, .destaque__img-absolute-02 {
width: 160px;
}
}
.destaque__img-absolute-01 {
top: 0;
left: -40px;
}
.destaque__img-absolute-02 {
right: 0;
bottom: -16px;
}
.destaque__container {
position: relative;
z-index: 5;
}
.destaque__container__content {
gap: 66px;
}
@media (max-width: 1546px) {
.destaque__container__content {
gap: 30px;
}
}
@media (max-width: 1200px) {
.destaque__container__content {
gap: 18px;
}
}
.destaque__container__content__left {
flex: 1;
max-width: 605px;
}
@media (max-width: 1546px) {
.destaque__container__content__left {
max-width: 440px;
}
}
@media (max-width: 1200px) {
.destaque__container__content__left {
max-width: 380px;
}
}
@media (max-width: 998px) {
.destaque__container__content__left {
max-width: 280px;
}
}
@media (max-width: 768px) {
.destaque__container__content__left {
max-width: 450px;
}
}
@media (max-width: 598px) {
.destaque__container__content__left {
max-width: 300px;
}
}
.destaque__container__content__right {
flex: 1;
}
.destaque__container__content__right .panel-group {
background-color: transparent;
}
.destaque__container__content__right .panel-group .panel-default {
background-color: transparent;
border: none;
box-shadow: none;
}
.destaque__container__content__right .panel-group .panel-default:has(.in) {
background-color: #FFF;
}
.destaque__container__content__right .panel-group .panel-default .panel-heading {
background-color: transparent;
color: #2E2F35;
border: none;
}
.destaque__container__content__right .panel-group .panel-default .panel-heading:has(.collapsed) {
color: #636D6F;
}
.destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button {
gap: 53px;
background-color: transparent;
border: none;
color: #636D6F;
font-weight: 600;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button {
gap: 20px;
}
}
.destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button .number {
min-width: 55px;
font-weight: 300;
}
@media (max-width: 1200px) {
.destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button .number {
min-width: 26px;
}
}
.destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button:focus, .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button:not(.collapsed) {
color: #2E2F35;
border: unset;
background-color: unset;
box-shadow: unset;
}
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body {
padding-left: 131px;
position: relative;
border: none;
}
@media (max-width: 1546px) {
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body {
padding-left: 96px;
}
}
@media (max-width: 1200px) {
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body {
padding-left: 68px;
}
}
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body p,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h1,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h2,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h3,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h4,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h5,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h6 {
font-size: 23px;
line-height: 1.5;
font-weight: 300;
}
@media (max-width: 1546px) {
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body p,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h1,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h2,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h3,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h4,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h5,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h6 {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body p,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h1,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h2,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h3,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h4,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h5,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h6 {
font-size: 15px;
}
}
@media (max-width: 998px) {
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body p,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h1,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h2,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h3,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h4,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h5,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h6 {
font-size: 11px;
}
}
@media (max-width: 768px) {
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body p,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h1,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h2,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h3,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h4,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h5,
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h6 {
font-size: 15px;
}
}
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body::after {
display: block;
position: absolute;
content: " ";
left: 40px;
top: 0;
height: 100%;
width: 1px;
background-color: #A0CDCD;
}
@media (max-width: 1200px) {
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body::after {
left: 30px;
}
}
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body::before {
display: block;
position: absolute;
content: " ";
left: 39px;
top: 0;
height: 50%;
width: 3px;
background-color: #2E2F35;
z-index: 5;
}
@media (max-width: 1200px) {
.destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body::before {
left: 29px;
}
}
@media (max-width: 768px) {
.destaque__container__content {
flex-direction: column;
}
.destaque__container__content__left, .destaque__container__content__right {
align-items: center;
}
.destaque__container__content__left__resume, .destaque__container__content__left__title, .destaque__container__content__right__resume, .destaque__container__content__right__title {
text-align: center;
}
}

.faq {
padding: 80px 0;
background-color: #042f3b;
}
@media (max-width: 1546px) {
.faq {
padding: 50px 0;
}
}
@media (max-width: 998px) {
.faq {
padding: 30px 0;
}
}
.faq__container {
gap: 20px;
position: relative;
z-index: 5;
}
@media (max-width: 768px) {
.faq__container {
gap: 10px;
}
}
.faq__container__title {
color: #ffffff;
font-size: 32px;
font-weight: 600;
line-height: 1.5;
text-align: center;
}
@media (max-width: 1546px) {
.faq__container__title {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.faq__container__title {
font-size: 21px;
}
}
@media (max-width: 998px) {
.faq__container__title {
font-size: 15px;
}
}
@media (max-width: 598px) {
.faq__container__title {
font-size: 18px;
}
}
.faq__container__description {
color: #ddf3fc;
font-size: 19px;
font-weight: 300;
line-height: 1.2;
text-align: center;
}
@media (max-width: 1546px) {
.faq__container__description {
font-size: 16px;
}
}
@media (max-width: 1200px) {
.faq__container__description {
font-size: 13px;
}
}
.faq__container__listagem {
gap: 40px;
margin-top: 30px;
}
@media (max-width: 1200px) {
.faq__container__listagem {
column-gap: 20px;
row-gap: 30px;
}
}
@media (max-width: 768px) {
.faq__container__listagem {
max-width: 500px;
}
}

.lista {
padding: 60px 0 80px 0;
background-size: cover;
background-position: center;
}
@media (max-width: 1546px) {
.lista {
padding: 40px 0 55px 0;
}
}
@media (max-width: 998px) {
.lista {
padding: 35px 0;
}
}
.lista__container__content {
gap: 28px;
max-width: 974px;
}
@media (max-width: 1546px) {
.lista__container__content {
max-width: 815px;
}
}
@media (max-width: 1200px) {
.lista__container__content {
max-width: 650px;
}
}
@media (max-width: 998px) {
.lista__container__content {
max-width: 510px;
gap: 10px;
}
}
.lista__container__content .card-item {
gap: 60px;
padding: 18px 30px;
background-color: #EBEBEB;
border-radius: 16px;
transition: 0.3s all ease;
color: #000;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.lista__container__content .card-item {
gap: 35px;
padding: 15px 26px;
}
}
@media (max-width: 1200px) {
.lista__container__content .card-item {
gap: 23px;
}
}
@media (max-width: 998px) {
.lista__container__content .card-item {
gap: 16px;
padding: 10px 20px;
border-radius: 8px;
}
}
@media (max-width: 598px) {
.lista__container__content .card-item {
gap: 10px;
padding: 8px 15px;
}
}
.lista__container__content .card-item__number, .lista__container__content .card-item__text {
transition: 0.1s all ease;
margin: 0;
}
.lista__container__content .card-item__number {
font-size: 32px;
line-height: 1.2;
}
@media (max-width: 1546px) {
.lista__container__content .card-item__number {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.lista__container__content .card-item__number {
font-size: 18px;
}
}
@media (max-width: 998px) {
.lista__container__content .card-item__number {
font-size: 15px;
}
}
.lista__container__content .card-item__text {
font-size: 24px;
line-height: 1.5;
}
@media (max-width: 1546px) {
.lista__container__content .card-item__text {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.lista__container__content .card-item__text {
font-size: 15px;
}
}
@media (max-width: 998px) {
.lista__container__content .card-item__text {
font-size: 11px;
}
}
.lista__container__content .card-item:hover {
background-color: #00A2C5;
color: #FFF;
}

.motivos {
padding-bottom: 40px;
margin-top: -108px;
position: relative;
overflow: hidden;
}
@media (max-width: 1200px) {
.motivos {
margin-top: -80px;
}
}
@media (max-width: 998px) {
.motivos {
margin-top: -60px;
padding-bottom: 20px;
}
}
.motivos.page {
margin-top: 0px;
padding-top: 40px;
padding-bottom: 40px;
}
.motivos__container__content {
gap: 27px;
}
@media (max-width: 1200px) {
.motivos__container__content {
gap: 19px;
}
}
@media (max-width: 998px) {
.motivos__container__content {
gap: 10px;
}
}
.motivos__container__content__left {
flex: 1;
gap: 48px;
}
@media (max-width: 1200px) {
.motivos__container__content__left {
gap: 26px;
}
}
@media (max-width: 998px) {
.motivos__container__content__left {
gap: 13px;
}
}
@media (max-width: 598px) {
.motivos__container__content__left {
max-width: 330px;
width: auto;
}
}
.motivos__container__content__left__title {
font-size: 64px;
line-height: 1.2;
font-weight: 300;
position: relative;
z-index: 2;
}
@media (max-width: 1546px) {
.motivos__container__content__left__title {
font-size: 48px;
}
}
@media (max-width: 1200px) {
.motivos__container__content__left__title {
font-size: 32px;
}
}
@media (max-width: 998px) {
.motivos__container__content__left__title {
font-size: 24px;
}
}
@media (max-width: 598px) {
.motivos__container__content__left__title {
text-align: center;
}
}
.motivos__container__content__left__gallery {
gap: 18px;
}
@media (max-width: 1200px) {
.motivos__container__content__left__gallery {
gap: 12px;
}
}
@media (max-width: 998px) {
.motivos__container__content__left__gallery {
gap: 8px;
}
}
.motivos__container__content__left__gallery__left {
flex: 1;
min-width: 337px;
}
@media (max-width: 1546px) {
.motivos__container__content__left__gallery__left {
min-width: 260px;
}
}
@media (max-width: 1200px) {
.motivos__container__content__left__gallery__left {
min-width: 210px;
}
}
@media (max-width: 998px) {
.motivos__container__content__left__gallery__left {
min-width: 132px;
}
}
@media (max-width: 598px) {
.motivos__container__content__left__gallery__left {
min-width: 180px;
}
}
.motivos__container__content__left__gallery__left__img {
aspect-ratio: 33/72;
border-radius: 30px;
object-fit: cover;
object-position: center;
}
@media (max-width: 1200px) {
.motivos__container__content__left__gallery__left__img {
border-radius: 18px;
}
}
@media (max-width: 998px) {
.motivos__container__content__left__gallery__left__img {
border-radius: 8px;
}
}
.motivos__container__content__left__gallery__right {
flex: 1;
gap: 13px;
}
@media (max-width: 1200px) {
.motivos__container__content__left__gallery__right {
gap: 7px;
}
}
.motivos__container__content__left__gallery__right__img {
object-fit: cover;
object-position: center;
border-radius: 30px;
height: 100%;
}
@media (max-width: 1200px) {
.motivos__container__content__left__gallery__right__img {
border-radius: 18px;
}
}
@media (max-width: 998px) {
.motivos__container__content__left__gallery__right__img {
border-radius: 8px;
}
}
.motivos__container__content__left__gallery__right__img:last-child {
aspect-ratio: 25/27;
height: auto;
}
.motivos__container__content__right {
flex: 1;
min-width: 769px;
position: relative;
z-index: 2;
overflow: hidden;
}
@media (max-width: 1546px) {
.motivos__container__content__right {
min-width: 620px;
}
}
@media (max-width: 1200px) {
.motivos__container__content__right {
min-width: 530px;
}
}
@media (max-width: 998px) {
.motivos__container__content__right {
min-width: 450px;
}
}
@media (max-width: 598px) {
.motivos__container__content__right {
min-width: min-content;
}
}
.motivos__container__content__right__list {
gap: 32px;
}
@media (max-width: 1546px) {
.motivos__container__content__right__list {
gap: 28px;
}
}
@media (max-width: 1200px) {
.motivos__container__content__right__list {
gap: 14px;
}
}
@media (max-width: 998px) {
.motivos__container__content__right__list {
gap: 8px;
}
}
.motivos__container__content__right__list__item {
gap: 2rem;
padding: 18px 30px;
background-color: #EBEBEB;
border-radius: 16px;
transition: 0.3s all ease;
color: #000;
text-decoration: none !important;
}
@media (max-width: 1200px) {
.motivos__container__content__right__list__item {
padding: 14px 22px;
}
}
@media (max-width: 998px) {
.motivos__container__content__right__list__item {
border-radius: 8px;
padding: 8px 16px;
gap: 15px;
}
}
.motivos__container__content__right__list__item__number, .motivos__container__content__right__list__item__text {
transition: 0.1s all ease;
margin: 0;
}
.motivos__container__content__right__list__item__number {
font-size: 32px;
line-height: 1.2;
}
@media (max-width: 1546px) {
.motivos__container__content__right__list__item__number {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.motivos__container__content__right__list__item__number {
font-size: 18px;
}
}
@media (max-width: 998px) {
.motivos__container__content__right__list__item__number {
font-size: 15px;
}
}
.motivos__container__content__right__list__item__text {
font-size: 26px;
line-height: 1.5;
max-width: 75%;
}
@media (max-width: 1546px) {
.motivos__container__content__right__list__item__text {
font-size: 18px;
max-width: 65%;
}
}
@media (max-width: 1200px) {
.motivos__container__content__right__list__item__text {
font-size: 15px;
max-width: 62%;
}
}
@media (max-width: 998px) {
.motivos__container__content__right__list__item__text {
font-size: 11px;
max-width: 60%;
}
}
@media (max-width: 598px) {
.motivos__container__content__right__list__item__text {
max-width: 100%;
}
}
.motivos__container__content__right__list__item:hover {
background-color: #347785;
color: #FFF;
}
@media (max-width: 598px) {
.motivos__container__content {
flex-direction: column;
align-items: center !important;
margin-top: 0;
}
.motivos__container__content__left, .motivos__container__content__right {
width: 100% !important;
}
}

.negocio {
background-position: center;
background-size: cover;
position: relative;
padding: 120px 0 31px 0;
}
@media (max-width: 598px) {
.negocio {
background-position: right top;
}
}
@media (max-width: 1546px) {
.negocio {
padding: 100px 0 50px 0;
}
}

.negocio__img-absolute {
position: absolute;
bottom: 0;
left: -186px;
}
@media (max-width: 1546px) {
.negocio__img-absolute {
width: 1000px;
}
}
@media (max-width: 1200px) {
.negocio__img-absolute {
width: 780px;
}
}
@media (max-width: 998px) {
.negocio__img-absolute {
width: 587px;
left: -70px;
}
}
@media (max-width: 598px) {
.negocio__img-absolute {
width: 150%;
top: 0;
left: -25%;
}
}
.negocio__container {
position: relative;
z-index: 2;
}
@media (max-width: 598px) {
.negocio__container {
flex-direction: column;
gap: 25px;
}
}
.negocio__container__left {
flex: 1;
max-width: 702px;
}
@media (max-width: 1546px) {
.negocio__container__left {
max-width: 490px;
}
}
@media (max-width: 1200px) {
.negocio__container__left {
max-width: 370px;
margin-left: 25px;
}
}
@media (max-width: 998px) {
.negocio__container__left {
max-width: 285px;
margin-left: 75px;
}
}
@media (max-width: 598px) {
.negocio__container__left {
max-width: 300px;
margin: 0;
}
}
.negocio__container__left__image {
width: 100%;
}
.negocio__container__right {
gap: 43px;
flex: 1;
max-width: 744px;
}
@media (max-width: 1546px) {
.negocio__container__right {
gap: 21px;
max-width: 500px;
}
}
@media (max-width: 1200px) {
.negocio__container__right {
gap: 16px;
max-width: 430px;
}
}
@media (max-width: 998px) {
.negocio__container__right {
max-width: 290px;
}
}
@media (max-width: 598px) {
.negocio__container__right {
max-width: max-content;
flex-direction: column;
align-items: center;
}
}
.negocio__container__right__title {
color: #f5f5f5;
font-size: 52px;
font-weight: 300;
line-height: 1.22;
}
@media (max-width: 1546px) {
.negocio__container__right__title {
font-size: 41px;
}
}
@media (max-width: 1200px) {
.negocio__container__right__title {
font-size: 28px;
}
}
@media (max-width: 998px) {
.negocio__container__right__title {
font-size: 19px;
}
}
@media (max-width: 598px) {
.negocio__container__right__title {
text-align: center;
}
}
.negocio__container__right__title strong {
font-weight: 600;
}
.negocio__container__right__subtitle {
color: #f5f5f5;
font-size: 36px;
line-height: 1.22;
margin-bottom: 8px;
}
@media (max-width: 1546px) {
.negocio__container__right__subtitle {
font-size: 23px;
}
}
@media (max-width: 1200px) {
.negocio__container__right__subtitle {
font-size: 17px;
}
}
@media (max-width: 998px) {
.negocio__container__right__subtitle {
font-size: 15px;
}
}
@media (max-width: 598px) {
.negocio__container__right__subtitle {
text-align: center;
}
}
@media (max-width: 598px) {
.negocio__container__right__content {
display: flex;
flex-direction: column;
align-items: center;
}
}
.negocio__container__right__content .big-text {
max-width: 460px;
color: #fff;
font-size: 41px;
font-weight: 300;
line-height: 1.2;
margin-bottom: 35px;
}
@media (max-width: 1546px) {
.negocio__container__right__content .big-text {
max-width: 280px;
font-size: 28px;
margin-bottom: 28px;
}
}
@media (max-width: 1200px) {
.negocio__container__right__content .big-text {
max-width: 210px;
font-size: 19px;
margin-bottom: 18px;
}
}
@media (max-width: 998px) {
.negocio__container__right__content .big-text {
max-width: 140px;
font-size: 15px;
margin-bottom: 10px;
}
}
@media (max-width: 598px) {
.negocio__container__right__content .big-text {
text-align: center;
}
}
.negocio__container__right__content #container_contato-simplificado {
max-width: 467px;
}
@media (max-width: 1546px) {
.negocio__container__right__content #container_contato-simplificado {
max-width: 320px;
}
}
@media (max-width: 1200px) {
.negocio__container__right__content #container_contato-simplificado {
max-width: 250px;
}
}
.negocio__container__right__content #container_contato-simplificado button[type=submit] {
background-color: #274B55;
}

.oque-fazemos {
padding: 140px 0;
color: #FFF;
position: relative;
}
@media (max-width: 1546px) {
.oque-fazemos {
padding: 100px 0;
}
}
@media (max-width: 1200px) {
.oque-fazemos {
padding: 80px 0;
}
}
@media (max-width: 768px) {
.oque-fazemos {
display: flex;
flex-direction: column;
gap: 35px;
padding: 40px 0;
flex-direction: column;
}
.oque-fazemos__left, .oque-fazemos__right {
width: 100% !important;
}
.oque-fazemos__left__resume, .oque-fazemos__left__title, .oque-fazemos__right__resume, .oque-fazemos__right__title {
text-align: center;
}
}
@media (max-width: 598px) {
.oque-fazemos {
padding: 30px 0;
}
}
.oque-fazemos__container__left {
width: 50%;
position: relative;
z-index: 50;
gap: 92px;
}
@media (max-width: 1546px) {
.oque-fazemos__container__left {
gap: 70px;
}
}
@media (max-width: 1200px) {
.oque-fazemos__container__left {
gap: 50px;
}
}
@media (max-width: 768px) {
.oque-fazemos__container__left {
align-items: center !important;
width: 100%;
gap: 20px;
}
}
.oque-fazemos__container__left__text {
gap: 31px;
max-width: 598px;
margin-left: 149px;
}
@media (max-width: 1546px) {
.oque-fazemos__container__left__text {
gap: 18px;
margin-left: 40px;
max-width: 400px;
}
}
@media (max-width: 1200px) {
.oque-fazemos__container__left__text {
gap: 10px;
margin-left: 0;
max-width: 320px;
}
}
@media (max-width: 768px) {
.oque-fazemos__container__left__text {
max-width: max-content;
text-align: center;
}
}
.oque-fazemos__container__left__text__title {
font-size: 72px;
line-height: 1.2;
letter-spacing: -1%;
text-transform: uppercase;
}
@media (max-width: 1546px) {
.oque-fazemos__container__left__text__title {
font-size: 52px;
}
}
@media (max-width: 1200px) {
.oque-fazemos__container__left__text__title {
font-size: 41px;
}
}
@media (max-width: 768px) {
.oque-fazemos__container__left__text__title {
text-align: center;
}
}
.oque-fazemos__container__left__text__resume {
font-family: "Lato", Arial, sans-serif;
font-size: 26px;
line-height: 1.6;
max-width: 483px;
}
@media (max-width: 1546px) {
.oque-fazemos__container__left__text__resume {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.oque-fazemos__container__left__text__resume {
font-size: 15px;
}
}
@media (max-width: 768px) {
.oque-fazemos__container__left__text__resume {
text-align: center;
max-width: max-content;
}
}
.oque-fazemos__container__left__btn {
gap: 22px;
padding: 16px 33px;
min-width: 310px;
margin-left: 75px;
background-color: #30a1c1;
border-radius: 15px;
color: #fff;
font-size: 33px;
font-family: "Lato", Arial, sans-serif;
line-height: 1.3;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.oque-fazemos__container__left__btn {
font-size: 21px;
padding: 13px 25px;
min-width: 215px;
margin-left: 0;
}
}
@media (max-width: 1200px) {
.oque-fazemos__container__left__btn {
font-size: 17px;
padding: 9px 18px;
min-width: 180px;
border-radius: 8px;
}
}
@media (max-width: 598px) {
.oque-fazemos__container__left__btn {
font-size: 13px;
min-width: 140px;
gap: 12px;
}
.oque-fazemos__container__left__btn svg {
height: 15px;
width: auto;
}
}
.oque-fazemos__container__left__btn:hover {
opacity: 0.7;
}
.oque-fazemos__full {
gap: 34px;
width: 100%;
overflow: hidden;
position: absolute;
top: calc(50% - 240px);
right: 0;
max-width: 894px;
}
@media (max-width: 1546px) {
.oque-fazemos__full {
top: calc(50% - 180px);
max-width: 690px;
}
}
@media (max-width: 1200px) {
.oque-fazemos__full {
top: calc(50% - 140px);
max-width: 590px;
gap: 21px;
}
}
@media (max-width: 998px) {
.oque-fazemos__full {
max-width: 400px;
}
}
@media (max-width: 768px) {
.oque-fazemos__full {
position: relative;
max-width: 720px;
width: 720px;
margin: 0 auto;
padding: 0 15px;
}
}

/* Carrossel de servicos sem clones: apenas cinco cards reais. */
.carrossel-servicos {
box-sizing: border-box;
width: 100%;
max-width: 100%;
min-width: 0;
margin: 0;
overflow-x: auto !important;
overflow-y: hidden;
scroll-behavior: smooth;
scrollbar-width: none;
overscroll-behavior-x: contain;
}

.carrossel-servicos::-webkit-scrollbar {
display: none;
}

.carrossel-servicos .carrossel-servicos__trilho {
display: flex;
flex-wrap: nowrap;
width: max-content;
gap: 20px;
transform: none !important;
transition: none !important;
}

.carrossel-servicos .card-servico {
flex: 0 0 auto;
}

@media (max-width: 768px) {
.oque-fazemos__full {
top: auto;
right: auto;
width: 100%;
max-width: 100%;
}

.carrossel-servicos {
width: 100%;
max-width: 100%;
}

.carrossel-servicos {
touch-action: pan-y;
}

.carrossel-servicos .carrossel-servicos__trilho {
gap: 15px;
}

.carrossel-servicos .card-servico {
width: min(72vw, 260px);
max-width: calc(100vw - 60px);
}

.oque-fazemos__full__navigation::before {
right: 0;
left: 130px;
width: auto;
}
}
.oque-fazemos__full__swiper {
width: 100%;
margin: 0;
}
.oque-fazemos__full__navigation {
width: 100%;
gap: 17px;
position: relative;
}
.oque-fazemos__full__navigation::before {
display: block;
background-color: #F2F2F2;
content: " ";
position: absolute;
top: calc(50% - 1px);
left: 265px;
width: calc(100% - 359px);
height: 2px;
}
@media (max-width: 1546px) {
.oque-fazemos__full__navigation::before {
left: 200px;
width: calc(100% - 250px);
}
}
@media (max-width: 598px) {
.oque-fazemos__full__navigation::before {
left: 150px;
width: calc(100% - 500px);
}
}
.oque-fazemos__full__navigation__next, .oque-fazemos__full__navigation__prev {
position: static;
width: 92px;
height: 92px;
border-radius: 50px;
border: 1px solid #F2F2F2;
color: #F2F2F2;
cursor: pointer;
}
@media (max-width: 1546px) {
.oque-fazemos__full__navigation__next, .oque-fazemos__full__navigation__prev {
width: 65px;
height: 65px;
}
.oque-fazemos__full__navigation__next svg, .oque-fazemos__full__navigation__prev svg {
width: 16px;
height: auto;
}
}
@media (max-width: 1200px) {
.oque-fazemos__full__navigation__next, .oque-fazemos__full__navigation__prev {
width: 50px;
height: 50px;
}
.oque-fazemos__full__navigation__next svg, .oque-fazemos__full__navigation__prev svg {
width: 11px;
height: auto;
}
}
.oque-fazemos__full__navigation__next.swiper-button-disabled, .oque-fazemos__full__navigation__prev.swiper-button-disabled {
opacity: 0 !important;
}
.oque-fazemos__full__navigation__next:hover, .oque-fazemos__full__navigation__prev:hover {
background-color: #F2F2F2;
}
.oque-fazemos__full__navigation__next:hover svg path, .oque-fazemos__full__navigation__prev:hover svg path {
stroke: #347785;
}

.pagamentos {
padding: 80px 0;
background-color: #f4fcff;
position: relative;
}
@media (max-width: 1546px) {
.pagamentos {
padding: 50px 0;
}
}
@media (max-width: 998px) {
.pagamentos {
padding: 30px 0;
}
}
.pagamentos__img-absolute-01 {
filter: drop-shadow(0 2px 1px #000);
position: absolute;
height: 80%;
width: auto;
left: -20%;
top: 10%;
}
.pagamentos__img-absolute-02 {
position: absolute;
height: 100%;
width: auto;
right: 4%;
top: 0;
opacity: 0.4;
}
.pagamentos__container {
gap: 20px;
position: relative;
z-index: 5;
}
@media (max-width: 768px) {
.pagamentos__container {
gap: 10px;
}
}
.pagamentos__container__title {
color: #254753;
font-size: 32px;
font-weight: 600;
line-height: 1.5;
text-align: center;
}
@media (max-width: 1546px) {
.pagamentos__container__title {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.pagamentos__container__title {
font-size: 21px;
}
}
@media (max-width: 998px) {
.pagamentos__container__title {
font-size: 15px;
}
}
@media (max-width: 598px) {
.pagamentos__container__title {
font-size: 18px;
}
}
.pagamentos__container__subtitle {
color: #437283;
font-size: 23px;
font-weight: 300;
line-height: 1.2;
text-align: center;
}
@media (max-width: 1400px) {
.pagamentos__container__subtitle {
font-size: 19px;
}
}
@media (max-width: 1200px) {
.pagamentos__container__subtitle {
font-size: 16px;
}
}
@media (max-width: 598px) {
.pagamentos__container__subtitle {
font-size: 13px;
}
}
.pagamentos__container__listagem {
position: relative;
width: 100%;
}
@media (max-width: 598px) {
.pagamentos__container__listagem {
width: 90%;
}
}
.pagamentos__container__listagem__swiper {
width: 100%;
}
.pagamentos__container__listagem__navigation__left {
left: -25px;
}
@media (max-width: 598px) {
.pagamentos__container__listagem__navigation__left {
left: -20px;
}
}
.pagamentos__container__listagem__navigation__right {
right: -25px;
}
@media (max-width: 598px) {
.pagamentos__container__listagem__navigation__right {
right: -20px;
}
}
.pagamentos__container__listagem__navigation__left, .pagamentos__container__listagem__navigation__right {
background-color: #fff;
box-shadow: 0 2px 10px rgba(0, 129, 164, 0.2901960784);
border: 1px solid rgba(50, 69, 74, 0.2901960784);
border-radius: 50px;
width: 50px;
height: 50px;
position: absolute;
top: 50%;
z-index: 5;
}
@media (max-width: 598px) {
.pagamentos__container__listagem__navigation__left, .pagamentos__container__listagem__navigation__right {
width: 40px;
height: 40px;
}
}
.pagamentos__container__listagem__navigation__left.swiper-button-disabled, .pagamentos__container__listagem__navigation__right.swiper-button-disabled {
opacity: 0.3;
cursor: not-allowed;
}
.pagamentos__container__listagem__navigation__left svg, .pagamentos__container__listagem__navigation__right svg {
width: 40%;
height: auto;
}
.pagamentos__container__listagem__navigation__left svg path, .pagamentos__container__listagem__navigation__right svg path {
stroke: #0081a4;
}
.pagamentos__container__listagem__navigation__left:hover, .pagamentos__container__listagem__navigation__right:hover {
background-color: #8fa5ab;
}

.porque-escolher {
padding: 87px 0 129px 0;
color: #FFF;
}
@media (max-width: 1546px) {
.porque-escolher {
padding: 60px 0 100px 0;
}
}
@media (max-width: 768px) {
.porque-escolher {
padding: 60px 0;
}
}
@media (max-width: 598px) {
.porque-escolher {
padding: 40px 0;
}
}
.porque-escolher__container__content {
gap: 81px;
}
@media (max-width: 1546px) {
.porque-escolher__container__content {
gap: 50px;
}
}
@media (max-width: 1200px) {
.porque-escolher__container__content {
gap: 35px;
}
}
.porque-escolher__container__content__left {
position: relative;
flex: 1;
min-width: 831px;
}
@media (max-width: 1546px) {
.porque-escolher__container__content__left {
min-width: 530px;
}
}
@media (max-width: 1200px) {
.porque-escolher__container__content__left {
min-width: 430px;
}
}
@media (max-width: 768px) {
.porque-escolher__container__content__left {
min-width: min-content;
max-width: 520px;
}
}
.porque-escolher__container__content__left svg {
position: absolute;
width: calc(100% + 74px);
top: -40px;
left: -37px;
}
@media (max-width: 1546px) {
.porque-escolher__container__content__left svg {
top: -140px;
}
}
@media (max-width: 1200px) {
.porque-escolher__container__content__left svg {
width: calc(100% + 40px);
top: -165px;
left: -15px;
}
}
@media (max-width: 768px) {
.porque-escolher__container__content__left svg {
top: -8%;
left: -2%;
height: auto;
}
}
@media (max-width: 598px) {
.porque-escolher__container__content__left svg {
top: -11%;
}
}
.porque-escolher__container__content__right {
gap: 37px;
flex: 1;
}
@media (max-width: 1200px) {
.porque-escolher__container__content__right {
gap: 22px;
}
}
@media (max-width: 768px) {
.porque-escolher__container__content__right {
align-items: center !important;
}
}
.porque-escolher__container__content__right__title {
font-size: 60px;
text-transform: uppercase;
}
@media (max-width: 1546px) {
.porque-escolher__container__content__right__title {
font-size: 48px;
}
}
@media (max-width: 1200px) {
.porque-escolher__container__content__right__title {
font-size: 32px;
max-width: 350px;
}
}
@media (max-width: 768px) {
.porque-escolher__container__content__right__title {
max-width: max-content;
}
}
.porque-escolher__container__content__right__resume {
font-size: 26px;
max-width: 517px;
}
@media (max-width: 1546px) {
.porque-escolher__container__content__right__resume {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.porque-escolher__container__content__right__resume {
font-size: 15px;
max-width: 315px;
}
}
@media (max-width: 768px) {
.porque-escolher__container__content__right__resume {
max-width: max-content;
}
}
.porque-escolher__container__content__right__btn {
gap: 22px;
padding: 16px 33px;
min-width: 310px;
background-color: #30a1c1;
border-radius: 15px;
color: #fff;
font-size: 33px;
font-family: "Lato", Arial, sans-serif;
line-height: 1.3;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.porque-escolher__container__content__right__btn {
font-size: 21px;
padding: 13px 25px;
min-width: 215px;
margin-left: 0;
}
}
@media (max-width: 1200px) {
.porque-escolher__container__content__right__btn {
font-size: 17px;
padding: 9px 18px;
min-width: 180px;
border-radius: 8px;
}
}
@media (max-width: 598px) {
.porque-escolher__container__content__right__btn {
font-size: 13px;
min-width: 140px;
gap: 12px;
}
.porque-escolher__container__content__right__btn svg {
height: 15px;
width: auto;
}
}
.porque-escolher__container__content__right__btn:hover {
opacity: 0.7;
}
@media (max-width: 768px) {
.porque-escolher__container__content {
flex-direction: column;
}
.porque-escolher__container__content__left, .porque-escolher__container__content__right {
width: 100% !important;
}
.porque-escolher__container__content__left__resume, .porque-escolher__container__content__left__title, .porque-escolher__container__content__right__resume, .porque-escolher__container__content__right__title {
text-align: center;
}
}

.simplifique {
padding: 230px 0 175px 0;
background-size: cover;
background-position: top left;
position: relative;
}
@media (max-width: 1546px) {
.simplifique {
padding: 140px 0 120px 0;
}
}
@media (max-width: 1200px) {
.simplifique {
padding: 100px 0 85px 0;
}
}

@media (max-width: 598px) {
.simplifique {
background-position: center;
}
}
.simplifique__img {
position: absolute;
max-height: 100%;
max-width: 100%;
z-index: 0;
right: 0;
bottom: 0;
}
.simplifique__container__content {
gap: 130px;
}
@media (max-width: 998px) {
.simplifique__container__content {
gap: 30px;
}
}
.simplifique__container__content__left {
position: relative;
min-width: 812px;
flex: 1;
z-index: 1;
color: #FFF;
}
@media (max-width: 1546px) {
.simplifique__container__content__left {
min-width: 620px;
}
}
@media (max-width: 1200px) {
.simplifique__container__content__left {
min-width: 540px;
}
}
@media (max-width: 998px) {
.simplifique__container__content__left {
min-width: 450px;
}
}
.simplifique__container__content__left__resume {
font-size: 28px;
line-height: 1.2;
margin: 0;
margin-top: 20px;
}
@media (max-width: 1546px) {
.simplifique__container__content__left__resume {
font-size: 19px;
}
}
@media (max-width: 1200px) {
.simplifique__container__content__left__resume {
font-size: 15px;
}
}
@media (max-width: 998px) {
.simplifique__container__content__left__resume {
margin-top: 10px;
}
}
.simplifique__container__content__left__subtitle {
font-size: 52px;
line-height: 1.22;
font-weight: 300;
}
@media (max-width: 1546px) {
.simplifique__container__content__left__subtitle {
font-size: 41px;
}
}
@media (max-width: 1200px) {
.simplifique__container__content__left__subtitle {
font-size: 28px;
}
}
@media (max-width: 598px) {
.simplifique__container__content__left__subtitle {
font-size: 19px;
}
}
.simplifique__container__content__left__subtitle strong {
font-weight: 800;
}
.simplifique__container__content__left__title {
font-size: 76px;
line-height: 1.22;
font-weight: 800;
text-transform: uppercase;
}
@media (max-width: 1546px) {
.simplifique__container__content__left__title {
font-size: 55px;
}
}
@media (max-width: 1200px) {
.simplifique__container__content__left__title {
font-size: 38px;
}
}
@media (max-width: 598px) {
.simplifique__container__content__left__title {
font-size: 26px;
}
}
.simplifique__container__content__left__form {
width: 80%;
}
.simplifique__container__content__left__link {
gap: 10px;
border-radius: 4px;
border: unset;
color: #FFF;
background-color: #304952;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
padding-inline: 36px;
padding-block: 6px;
width: fit-content;
}
.simplifique__container__content__left__link svg {
width: 12px;
}
.simplifique__container__content__left__link svg path {
stroke: #FFF;
}
.simplifique__container__content__left__link:hover {
background-color: #FFF;
color: #304952;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.simplifique__container__content__left__link:hover svg path {
stroke: #304952;
}
.simplifique__container__content__left::after {
content: " ";
display: block;
position: absolute;
left: -78px;
top: -10%;
height: 120%;
width: 3px;
background: linear-gradient(0, #368C9D 0%, #347785 25%, #347785 50%, #00A2C5 75%, #01B1E3 100%);
animation: 3s linear 1s infinite alternate slidein;
}
@media (max-width: 1546px) {
.simplifique__container__content__left::after {
left: -40px;
}
}
@media (max-width: 1200px) {
.simplifique__container__content__left::after {
left: -20px;
}
}
.simplifique__container__content__right {
flex: 1;
position: relative;
}
@media (max-width: 598px) {
.simplifique__container__content__right {
display: flex;
flex-direction: column;
align-items: center;
max-width: 300px;
}
}
.simplifique__container__content__right .big-text {
font-size: 41px;
line-height: 1.1;
font-weight: 300;
margin-bottom: 35px;
}
@media (max-width: 1546px) {
.simplifique__container__content__right .big-text {
font-size: 28px;
margin-bottom: 20px;
max-width: 300px;
}
}
@media (max-width: 1200px) {
.simplifique__container__content__right .big-text {
font-size: 19px;
margin-bottom: 10px;
max-width: 170px;
}
}
@media (max-width: 998px) {
.simplifique__container__content__right .big-text {
font-size: 15px;
}
}
.simplifique__container__content__right img {
position: relative;
z-index: 100;
}
@media (max-width: 768px) {
.simplifique__container__content {
flex-direction: column;
}
.simplifique__container__content__left, .simplifique__container__content__right {
width: 80% !important;
text-align: center;
align-items: center;
}
}
@media (max-width: 598px) {
.simplifique__container__content__left, .simplifique__container__content__right {
width: 100% !important;
}
}
@media (max-width: 768px) {
.simplifique__img {
bottom: 20%;
}
}


@keyframes slidein {
0% {
top: -10%;
height: 120%;
}
100% {
top: 20%;
height: 60%;
}
}
.sites-convertem {
padding: 80px 0;
background-size: cover;
height: calc(100vh - 110px);
min-height: fit-content;
}
@media (max-width: 1546px) {
.sites-convertem {
height: calc(100vh - 90px);
}
}
@media (max-width: 1200px) {
.sites-convertem {
height: calc(100vh - 75px);
}
}
@media (max-width: 998px) {
.sites-convertem {
height: fit-content;
}
}
@media (max-width: 768px) {
.sites-convertem {
padding: 60px 0;
}
}
@media (max-width: 598px) {
.sites-convertem {
padding: 40px 0;
}
}
.sites-convertem__container__content {
gap: 70px;
}
@media (max-width: 1546px) {
.sites-convertem__container__content {
gap: 45px;
}
}
@media (max-width: 1200px) {
.sites-convertem__container__content {
gap: 30px;
}
}
.sites-convertem__container__content__left {
gap: 14px;
color: #FFF;
max-width: 616px;
flex: 1;
}
@media (max-width: 1546px) {
.sites-convertem__container__content__left {
gap: 8px;
max-width: 434px;
}
}
@media (max-width: 1200px) {
.sites-convertem__container__content__left {
max-width: 340px;
}
}
@media (max-width: 998px) {
.sites-convertem__container__content__left {
max-width: 280px;
}
}
@media (max-width: 768px) {
.sites-convertem__container__content__left {
max-width: max-content;
align-items: center !important;
}
}
.sites-convertem__container__content__left__title {
font-size: 48px;
letter-spacing: 3px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 19px;
}
@media (max-width: 1546px) {
.sites-convertem__container__content__left__title {
font-size: 32px;
margin-bottom: 17px;
}
}
@media (max-width: 1200px) {
.sites-convertem__container__content__left__title {
font-size: 24px;
margin-bottom: 13px;
}
}
@media (max-width: 998px) {
.sites-convertem__container__content__left__title {
font-size: 18px;
letter-spacing: 2px;
}
}
@media (max-width: 768px) {
.sites-convertem__container__content__left__title {
max-width: 350px;
}
}
.sites-convertem__container__content__left__title .lighter {
font-weight: 300;
}
@media (max-width: 768px) {
.sites-convertem__container__content__left__content {
display: flex;
flex-direction: column;
align-items: center;
}
}
.sites-convertem__container__content__left__content p,
.sites-convertem__container__content__left__content h1,
.sites-convertem__container__content__left__content h2,
.sites-convertem__container__content__left__content h3,
.sites-convertem__container__content__left__content h4,
.sites-convertem__container__content__left__content h5,
.sites-convertem__container__content__left__content h6 {
font-size: 26px;
font-weight: 300;
line-height: 1.5;
}
@media (max-width: 1546px) {
.sites-convertem__container__content__left__content p,
.sites-convertem__container__content__left__content h1,
.sites-convertem__container__content__left__content h2,
.sites-convertem__container__content__left__content h3,
.sites-convertem__container__content__left__content h4,
.sites-convertem__container__content__left__content h5,
.sites-convertem__container__content__left__content h6 {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.sites-convertem__container__content__left__content p,
.sites-convertem__container__content__left__content h1,
.sites-convertem__container__content__left__content h2,
.sites-convertem__container__content__left__content h3,
.sites-convertem__container__content__left__content h4,
.sites-convertem__container__content__left__content h5,
.sites-convertem__container__content__left__content h6 {
font-size: 15px;
}
}
@media (max-width: 998px) {
.sites-convertem__container__content__left__content p,
.sites-convertem__container__content__left__content h1,
.sites-convertem__container__content__left__content h2,
.sites-convertem__container__content__left__content h3,
.sites-convertem__container__content__left__content h4,
.sites-convertem__container__content__left__content h5,
.sites-convertem__container__content__left__content h6 {
font-size: 11px;
text-align: center;
}
}
@media (max-width: 768px) {
.sites-convertem__container__content__left__content p,
.sites-convertem__container__content__left__content h1,
.sites-convertem__container__content__left__content h2,
.sites-convertem__container__content__left__content h3,
.sites-convertem__container__content__left__content h4,
.sites-convertem__container__content__left__content h5,
.sites-convertem__container__content__left__content h6 {
font-size: 15px;
}
}
.sites-convertem__container__content__left__content #container_contato-simplificado {
margin-top: 40px;
max-width: 467px;
}
@media (max-width: 1546px) {
.sites-convertem__container__content__left__content #container_contato-simplificado {
margin-top: 30px;
max-width: 320px;
}
}
@media (max-width: 1200px) {
.sites-convertem__container__content__left__content #container_contato-simplificado {
margin-top: 20px;
max-width: 240px;
}
}
@media (max-width: 768px) {
.sites-convertem__container__content__left__content #container_contato-simplificado {
max-width: max-content;
}
}
@media (max-width: 598px) {
.sites-convertem__container__content__left__content #container_contato-simplificado {
max-width: 300px;
margin: 20px auto 0 auto;
}
}
.sites-convertem__container__content__left__text {
font-size: 34px;
font-weight: 300;
line-height: 1.2;
}
@media (max-width: 1546px) {
.sites-convertem__container__content__left__text {
font-size: 23px;
}
}
@media (max-width: 1200px) {
.sites-convertem__container__content__left__text {
font-size: 17px;
}
}
@media (max-width: 998px) {
.sites-convertem__container__content__left__text {
font-size: 13px;
}
}
@media (max-width: 768px) {
.sites-convertem__container__content__left__text {
max-width: max-content;
text-align: center;
}
}
.sites-convertem__container__content__right {
flex: 1;
position: relative;
}
@media (max-width: 1200px) {
.sites-convertem__container__content__right {
max-width: 500px;
}
}
@media (max-width: 598px) {
.sites-convertem__container__content__right {
max-width: 80%;
}
}
.sites-convertem__container__content__right img {
position: relative;
z-index: 100;
}
.sites-convertem__container__content__right::after {
display: block;
position: absolute;
content: " ";
right: -44px;
bottom: -50px;
height: 85%;
width: 43%;
background-color: #88C9DB;
}
@media (max-width: 1200px) {
.sites-convertem__container__content__right::after {
right: -18px;
bottom: -25px;
}
}
@media (max-width: 768px) {
.sites-convertem__container__content__right::after {
right: -22px;
bottom: -25px;
}
}
@media (max-width: 598px) {
.sites-convertem__container__content__right::after {
right: -15px;
bottom: -15px;
}
}
@media (max-width: 768px) {
.sites-convertem__container__content {
flex-direction: column;
}
.sites-convertem__container__content__left__resume, .sites-convertem__container__content__left__title, .sites-convertem__container__content__right__resume, .sites-convertem__container__content__right__title {
text-align: center;
}
}

@media (min-width: 1200px) {
.bg-webmail .solucoes-mkt__container {
width: 1040px;
max-width: 1040px;
}
}
@media (min-width: 1547px) {
.bg-webmail .solucoes-mkt__container {
width: 1352px;
max-width: 1352px;
}
}
.solucoes-mkt {
padding: 73px 0 63px 0;
position: relative;
}
@media (max-width: 1546px) {
.solucoes-mkt {
padding: 42px 0 39px 0;
}
}
@media (max-width: 998px) {
.solucoes-mkt {
padding: 30px 0;
}
}
.solucoes-mkt__container__content {
gap: 42px;
}
@media (max-width: 1546px) {
.solucoes-mkt__container__content {
gap: 21px;
}
}
@media (max-width: 998px) {
.solucoes-mkt__container__content {
gap: 13px;
}
}
@media (max-width: 768px) {
.solucoes-mkt__container__content {
flex-direction: column;
align-items: center !important;
margin-top: 0;
}
.solucoes-mkt__container__content__left, .solucoes-mkt__container__content__right {
width: 80% !important;
text-align: center;
align-items: center;
}
}
@media (max-width: 598px) {
.solucoes-mkt__container__content__left, .solucoes-mkt__container__content__right {
width: 100% !important;
}
}
.solucoes-mkt__container__content__left {
gap: 20px;
flex: 1;
}
@media (max-width: 1546px) {
.solucoes-mkt__container__content__left {
gap: 10px;
}
}
@media (max-width: 998px) {
.solucoes-mkt__container__content__left {
gap: 7px;
}
}
@media (max-width: 598px) {
.solucoes-mkt__container__content__left {
max-width: 320px;
gap: 15px;
}
}
.solucoes-mkt__container__content__left__title {
text-align: end;
position: relative;
z-index: 2;
}
@media (max-width: 1546px) {
.solucoes-mkt__container__content__left__title {
font-size: 36px;
}
}
@media (max-width: 1200px) {
.solucoes-mkt__container__content__left__title {
font-size: 23px;
}
}
@media (max-width: 998px) {
.solucoes-mkt__container__content__left__title {
font-size: 19px;
}
}
@media (max-width: 598px) {
.solucoes-mkt__container__content__left__title {
text-align: center;
}
}
.solucoes-mkt__container__content__left__img {
border-radius: 16px;
object-fit: cover;
object-position: center;
height: 100%;
}
.solucoes-mkt__container__content__right {
flex: 1;
min-width: 719px;
position: relative;
z-index: 2;
}
@media (max-width: 1546px) {
.solucoes-mkt__container__content__right {
min-width: 630px;
}
}
@media (max-width: 1200px) {
.solucoes-mkt__container__content__right {
min-width: 580px;
}
}
@media (max-width: 998px) {
.solucoes-mkt__container__content__right {
min-width: 420px;
}
}
@media (max-width: 598px) {
.solucoes-mkt__container__content__right {
min-width: min-content;
}
}
.solucoes-mkt__container__content__right__list {
gap: 28px;
}
@media (max-width: 1200px) {
.solucoes-mkt__container__content__right__list {
gap: 16px;
}
}
@media (max-width: 998px) {
.solucoes-mkt__container__content__right__list {
gap: 9px;
}
}
.solucoes-mkt__container__content__right__list__item {
gap: 2rem;
padding: 35px 20px 35px 32px;
border-radius: 16px;
background-color: #EBEBEB;
transition: 0.3s all ease;
color: #000;
text-decoration: none !important;
}
@media (max-width: 1546px) {
.solucoes-mkt__container__content__right__list__item {
padding: 25px 23px;
}
}
@media (max-width: 1200px) {
.solucoes-mkt__container__content__right__list__item {
gap: 16px;
padding: 16px;
}
}
@media (max-width: 998px) {
.solucoes-mkt__container__content__right__list__item {
border-radius: 8px;
padding: 10px 16px;
}
}
.solucoes-mkt__container__content__right__list__item__number, .solucoes-mkt__container__content__right__list__item__text {
transition: 0.1s all ease;
margin: 0;
}
.solucoes-mkt__container__content__right__list__item__number {
font-size: 32px;
line-height: 1.2;
}
@media (max-width: 1546px) {
.solucoes-mkt__container__content__right__list__item__number {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.solucoes-mkt__container__content__right__list__item__number {
font-size: 18px;
}
}
@media (max-width: 998px) {
.solucoes-mkt__container__content__right__list__item__number {
font-size: 15px;
}
}
.solucoes-mkt__container__content__right__list__item__text {
font-size: 24px;
line-height: 1.5;
}
@media (max-width: 1546px) {
.solucoes-mkt__container__content__right__list__item__text {
font-size: 18px;
}
}
@media (max-width: 1200px) {
.solucoes-mkt__container__content__right__list__item__text {
font-size: 15px;
}
}
@media (max-width: 998px) {
.solucoes-mkt__container__content__right__list__item__text {
font-size: 11px;
}
}
@media (max-width: 598px) {
.solucoes-mkt__container__content__right__list__item__text {
text-align: start;
}
}
.solucoes-mkt__container__content__right__list__item:hover {
background-color: #347785;
color: #FFF;
}

.transforme {
padding: 110px 0 220px;
background-size: cover;
background-position: center;
position: relative;
}
@media (max-width: 1546px) {
.transforme {
padding: 80px 0 160px;
}
}
@media (max-width: 1200px) {
.transforme {
padding: 50px 0 100px;
}
}
@media (max-width: 998px) {
.transforme {
padding: 30px 0 80px;
}
}
.transforme__img {
position: absolute;
max-height: 100%;
max-width: 100%;
z-index: 0;
right: 0;
bottom: 71px;
}
@media (max-width: 1546px) {
.transforme__img {
max-height: 737px;
}
}
@media (max-width: 1200px) {
.transforme__img {
max-height: 580px;
}
}
@media (max-width: 998px) {
.transforme__img {
max-height: 435px;
}
}
@media (max-width: 768px) {
.transforme__img {
max-height: max-content;
height: auto;
width: 100%;
bottom: 10%;
}
}
.transforme__container__content {
gap: 25px;
}
@media (max-width: 1546px) {
.transforme__container__content {
gap: 15px;
}
}
@media (max-width: 768px) {
.transforme__container__content {
align-items: center !important;
}
}
.transforme__container__content__left {
position: relative;
flex: 1;
min-width: 878px;
z-index: 1;
color: #FFF;
}
@media (max-width: 1546px) {
.transforme__container__content__left {
min-width: 590px;
}
}
@media (max-width: 1200px) {
.transforme__container__content__left {
min-width: 441px;
}
}
@media (max-width: 998px) {
.transforme__container__content__left {
min-width: 290px;
}
}
.transforme__container__content__left__name {
font-size: 52px;
line-height: 1.1;
letter-spacing: 3px;
font-weight: 300;
margin: 0;
}
@media (max-width: 1546px) {
.transforme__container__content__left__name {
font-size: 41px;
}
}
@media (max-width: 1200px) {
.transforme__container__content__left__name {
font-size: 28px;
}
}
@media (max-width: 998px) {
.transforme__container__content__left__name {
font-size: 19px;
}
}
.transforme__container__content__left__title {
font-size: 76px;
line-height: 1.2;
letter-spacing: 3px;
font-weight: 800;
margin: 0 0 53px 0;
max-width: 726px;
}
@media (max-width: 1546px) {
.transforme__container__content__left__title {
font-size: 50px;
margin: 0 0 35px 0;
}
}
@media (max-width: 1200px) {
.transforme__container__content__left__title {
font-size: 36px;
margin: 0 0 22px 0;
}
}
@media (max-width: 998px) {
.transforme__container__content__left__title {
margin: 0 0 12px 0;
font-size: 23px;
}
}
@media (max-width: 768px) {
.transforme__container__content__left__title {
max-width: max-content;
}
}
.transforme__container__content__left__card {
font-weight: 300;
padding: 16px 20px;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 207, 255, 0.2);
border-radius: 14px;
margin: 0 0 89px 0;
padding: 29px 46px;
}
@media (max-width: 1546px) {
.transforme__container__content__left__card {
margin: 0 0 60px 0;
padding: 18px 32px;
}
}
@media (max-width: 1200px) {
.transforme__container__content__left__card {
margin: 0 0 40px 0;
padding: 13px 25px;
border-radius: 10px;
}
}
@media (max-width: 998px) {
.transforme__container__content__left__card {
margin: 0 0 20px 0;
padding: 8px 15px;
}
}
.transforme__container__content__left__card p {
font-size: 26px;
letter-spacing: 1px;
line-height: 150%;
margin-bottom: 0;
max-width: 558px;
}
@media (max-width: 1546px) {
.transforme__container__content__left__card p {
font-size: 18px;
max-width: 411px;
}
}
@media (max-width: 1200px) {
.transforme__container__content__left__card p {
font-size: 15px;
max-width: 350px;
}
}
@media (max-width: 998px) {
.transforme__container__content__left__card p {
font-size: 11px;
max-width: 270px;
}
}
@media (max-width: 768px) {
.transforme__container__content__left__card p {
max-width: max-content;
}
}
.transforme__container__content__left__content {
gap: 32px;
}
@media (max-width: 1546px) {
.transforme__container__content__left__content {
gap: 26px;
}
}
@media (max-width: 1200px) {
.transforme__container__content__left__content {
gap: 22px;
}
}
@media (max-width: 998px) {
.transforme__container__content__left__content {
gap: 15px;
}
}
@media (max-width: 598px) {
.transforme__container__content__left__content {
flex-direction: column;
}
}
.transforme__container__content__left__content #container_contato-simplificado {
max-width: 467px;
}
@media (max-width: 1546px) {
.transforme__container__content__left__content #container_contato-simplificado {
max-width: 320px;
}
}
@media (max-width: 1200px) {
.transforme__container__content__left__content #container_contato-simplificado {
max-width: 240px;
}
}
@media (max-width: 768px) {
.transforme__container__content__left__content #container_contato-simplificado {
max-width: max-content;
}
}
@media (max-width: 598px) {
.transforme__container__content__left__content #container_contato-simplificado {
max-width: 280px;
}
}
.transforme__container__content__left__content .big-text {
font-family: "Lato", Arial, sans-serif;
font-size: 36px;
font-weight: 300;
line-height: 1.5;
max-width: 277px;
}
@media (max-width: 1546px) {
.transforme__container__content__left__content .big-text {
font-size: 23px;
max-width: 200px;
}
}
@media (max-width: 1200px) {
.transforme__container__content__left__content .big-text {
font-size: 17px;
max-width: 150px;
}
}
@media (max-width: 998px) {
.transforme__container__content__left__content .big-text {
font-size: 13px;
max-width: 110px;
}
}
@media (max-width: 768px) {
.transforme__container__content__left__content .big-text {
text-align: left !important;
}
}
@media (max-width: 598px) {
.transforme__container__content__left__content .big-text {
max-width: max-content;
}
}
.transforme__container__content__left__link {
gap: 10px;
border-radius: 4px;
border: unset;
color: #FFF;
background-color: #304952;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
padding-inline: 36px;
padding-block: 6px;
width: fit-content;
}
.transforme__container__content__left__link svg {
width: 12px;
}
.transforme__container__content__left__link svg path {
stroke: #FFF;
}
.transforme__container__content__left__link:hover {
background-color: #FFF;
color: #304952;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.transforme__container__content__left__link:hover svg path {
stroke: #304952;
}
.transforme__container__content__right {
flex: 1;
min-width: 802px;
margin-left: -124px;
position: relative;
}
@media (max-width: 1546px) {
.transforme__container__content__right {
min-width: 594px;
margin-left: -80px;
}
}
@media (max-width: 1200px) {
.transforme__container__content__right {
min-width: 500px;
margin-left: -60px;
}
}
@media (max-width: 998px) {
.transforme__container__content__right {
min-width: 390px;
}
}
@media (max-width: 768px) {
.transforme__container__content__right {
min-width: min-content;
max-width: 450px;
align-self: center;
margin: 0 auto;
}
}
.transforme__container__content__right img {
position: relative;
z-index: 100;
}
@media (max-width: 768px) {
.transforme__container__content {
flex-direction: column;
}
.transforme__container__content__left, .transforme__container__content__right {
text-align: center;
align-items: center;
}
}
@media (max-width: 598px) {
.transforme__container__content__left, .transforme__container__content__right {
width: 100% !important;
}
}
@media (max-width: 598px) {
.transforme {
padding: 40px 0 130px;
}
}

.vantagens {
padding: 75px 0 0 0;
}
@media (max-width: 1546px) {
.vantagens {
padding: 50px 0 0 0;
}
}
@media (max-width: 998px) {
.vantagens {
padding: 30px 0 0 0;
}
}
@media (max-width: 598px) {
.vantagens {
padding: 0;
}
}
.vantagens__container {
position: relative;
}
.vantagens__container__image-top {
position: relative;
z-index: 1;
width: 110%;
}
@media (max-width: 1546px) {
.vantagens__container__image-top {
width: 105%;
}
}
@media (max-width: 598px) {
.vantagens__container__image-top {
width: 120%;
}
}
.vantagens__container__listagem {
gap: 13px;
position: relative;
z-index: 5;
padding: 20px;
margin-top: -55px;
margin-bottom: -20px;
background: #fff;
border-radius: 20px;
}
@media (max-width: 1546px) {
.vantagens__container__listagem {
gap: 9px;
padding: 15px;
border-radius: 12px;
margin-bottom: -15px;
}
}
@media (max-width: 1200px) {
.vantagens__container__listagem {
gap: 6px;
padding: 10px;
}
}
@media (max-width: 998px) {
.vantagens__container__listagem {
padding: 8px;
}
}
@media (max-width: 598px) {
.vantagens__container__listagem {
flex-direction: column;
padding: 5px;
gap: 5px;
margin-top: -25px;
}
}
.vantagens__container__listagem.aos-animate {
opacity: 0.9 !important;
}
.vantagens__container__listagem .card-vantagem {
gap: 86px;
flex: 1;
padding: 70px 138px 169px 40px;
background: #2F4B54;
border: 1px solid #54A0FB;
border-radius: 12px;
}
@media (max-width: 1546px) {
.vantagens__container__listagem .card-vantagem {
padding: 40px 70px 90px 30px;
gap: 40px;
}
}
@media (max-width: 1200px) {
.vantagens__container__listagem .card-vantagem {
padding: 30px 65px 75px 20px;
gap: 25px;
}
}
@media (max-width: 998px) {
.vantagens__container__listagem .card-vantagem {
padding: 20px 45px 55px 15px;
gap: 18px;
}
}
@media (max-width: 598px) {
.vantagens__container__listagem .card-vantagem {
flex-direction: row !important;
padding: 20px;
}
}
.vantagens__container__listagem .card-vantagem__content {
gap: 13px;
min-height: 200px;
}
@media (max-width: 1546px) {
.vantagens__container__listagem .card-vantagem__content {
gap: 8px;
min-height: 170px;
}
}
@media (max-width: 1200px) {
.vantagens__container__listagem .card-vantagem__content {
min-height: 150px;
}
}
@media (max-width: 998px) {
.vantagens__container__listagem .card-vantagem__content {
min-height: 110px;
}
}
@media (max-width: 598px) {
.vantagens__container__listagem .card-vantagem__content {
min-height: min-content;
}
}
@media (max-width: 1546px) {
.vantagens__container__listagem .card-vantagem__content__image {
width: auto;
height: 45px;
}
}
@media (max-width: 1200px) {
.vantagens__container__listagem .card-vantagem__content__image {
width: auto;
height: 38px;
}
}
@media (max-width: 998px) {
.vantagens__container__listagem .card-vantagem__content__image {
height: 25px;
}
}
.vantagens__container__listagem .card-vantagem__content__title {
position: relative;
color: #fff;
font-size: 24px;
line-height: 1.5;
letter-spacing: -0.16px;
font-weight: 300;
max-width: 267px;
}
@media (max-width: 1546px) {
.vantagens__container__listagem .card-vantagem__content__title {
font-size: 18px;
max-width: 192px;
}
}
@media (max-width: 1200px) {
.vantagens__container__listagem .card-vantagem__content__title {
font-size: 15px;
max-width: 160px;
}
}
@media (max-width: 998px) {
.vantagens__container__listagem .card-vantagem__content__title {
font-size: 11px;
max-width: 120px;
}
}
@media (max-width: 598px) {
.vantagens__container__listagem .card-vantagem__content__title {
max-height: max-content;
}
}
.vantagens__container__listagem .card-vantagem__content__title::after {
position: absolute;
display: block;
content: " ";
background-color: #fff;
height: 5px;
width: 80%;
bottom: -16px;
left: 0;
}
@media (max-width: 998px) {
.vantagens__container__listagem .card-vantagem__content__title::after {
height: 3px;
bottom: -10px;
}
}
@media (max-width: 598px) {
.vantagens__container__listagem .card-vantagem__content__title::after {
height: 1px;
bottom: -5px;
}
}

.contato__main {
padding: 80px 0;
}
@media (max-width: 1600px) {
.contato__main {
padding: 60px 0;
}
}
@media (max-width: 598px) {
.contato__main {
padding: 30px 0;
}
}
.contato__main__container {
gap: 46px;
}
@media (max-width: 1600px) {
.contato__main__container {
gap: 30px;
}
}
@media (max-width: 598px) {
.contato__main__container {
gap: 15px;
}
}
.contato__main__container__title {
font-size: 32px;
line-height: 1.3;
font-weight: 800;
}
@media (max-width: 1546px) {
.contato__main__container__title {
font-size: 26px !important;
}
}
@media (max-width: 1200px) {
.contato__main__container__title {
font-size: 19px !important;
}
}
@media (max-width: 998px) {
.contato__main__container__title {
font-size: 21px !important;
}
}
.contato__main__container__infos {
gap: 46px;
}
@media (max-width: 1600px) {
.contato__main__container__infos {
gap: 30px;
}
}
@media (max-width: 998px) {
.contato__main__container__infos {
gap: 10px;
flex-wrap: wrap;
justify-content: center;
}
}
.contato__main__container__infos .card-info {
gap: 17px;
}
@media (max-width: 1600px) {
.contato__main__container__infos .card-info {
gap: 12px;
}
}
@media (max-width: 1200px) {
.contato__main__container__infos .card-info {
gap: 8px;
}
}
@media (max-width: 998px) {
.contato__main__container__infos .card-info {
gap: 3px;
width: 48%;
}
}
.contato__main__container__infos .card-info__icon {
background-color: #0d6a80;
width: 90px;
height: 90px;
border-radius: 75px;
}
@media (max-width: 1546px) {
.contato__main__container__infos .card-info__icon {
width: 70px;
height: 70px;
}
}
@media (max-width: 998px) {
.contato__main__container__infos .card-info__icon {
width: 55px;
height: 55px;
}
}
.contato__main__container__infos .card-info__icon svg {
width: 35px;
height: auto;
}
@media (max-width: 1546px) {
.contato__main__container__infos .card-info__icon svg {
width: 25px;
}
}
@media (max-width: 998px) {
.contato__main__container__infos .card-info__icon svg {
width: 20px;
}
}
.contato__main__container__infos .card-info__title {
text-align: center;
font-size: 19px;
line-height: 1.2;
font-weight: 400;
}
@media (max-width: 1546px) {
.contato__main__container__infos .card-info__title {
font-size: 17px !important;
}
}
@media (max-width: 1200px) {
.contato__main__container__infos .card-info__title {
font-size: 15px !important;
}
}
.contato__main__container__infos .card-info__description, .contato__main__container__infos .card-info__description a {
color: #03313b;
text-align: center;
font-size: 17px;
font-weight: 400;
line-height: 1.4;
text-decoration: none !important;
transition: 3s all ease;
}
@media (max-width: 1546px) {
.contato__main__container__infos .card-info__description, .contato__main__container__infos .card-info__description a {
font-size: 15px !important;
}
}
@media (max-width: 1200px) {
.contato__main__container__infos .card-info__description, .contato__main__container__infos .card-info__description a {
font-size: 13px !important;
}
}
@media (max-width: 598px) {
.contato__main__container__infos .card-info__description, .contato__main__container__infos .card-info__description a {
font-size: 11px !important;
}
}
.contato__main__container__infos .card-info__description:hover, .contato__main__container__infos .card-info__description a:hover {
color: #007a95;
}

.section-contato {
padding: 90px 0 124px 0;
}
@media (max-width: 1546px) {
.section-contato {
padding: 50px 0 80px 0;
}
}
@media (max-width: 998px) {
.section-contato {
padding: 30px 0 50px 0;
}
}
.section-contato__container__content {
gap: 54px;
padding: 0 87px;
}
@media (max-width: 1546px) {
.section-contato__container__content {
gap: 25px;
padding: 0 52px;
}
}
@media (max-width: 998px) {
.section-contato__container__content {
padding: 0 30px;
}
}
.section-contato__container__content__left {
flex: 1;
max-width: 711px;
}
@media (max-width: 1546px) {
.section-contato__container__content__left {
max-width: 54%;
}
}
@media (max-width: 768px) {
.section-contato__container__content__left {
max-width: 450px;
align-self: center;
}
}
.section-contato__container__content__right {
color: #000;
flex: 1;
max-width: 582px;
gap: 50px;
}
@media (max-width: 1546px) {
.section-contato__container__content__right {
gap: 25px;
max-width: 350px;
}
}
@media (max-width: 1200px) {
.section-contato__container__content__right {
max-width: 290px;
}
}
@media (max-width: 998px) {
.section-contato__container__content__right {
max-width: 220px;
gap: 15px;
}
}
@media (max-width: 768px) {
.section-contato__container__content__right {
max-width: max-content;
}
}
.section-contato__container__content__right__title {
font-size: 36px;
font-weight: 600;
line-height: 1.2;
letter-spacing: 1px;
}
@media (max-width: 1546px) {
.section-contato__container__content__right__title {
font-size: 23px;
}
}
@media (max-width: 1200px) {
.section-contato__container__content__right__title {
font-size: 17px;
}
}
@media (max-width: 998px) {
.section-contato__container__content__right__title {
font-size: 13px;
}
}
@media (max-width: 768px) {
.section-contato__container__content__right__title {
font-weight: normal !important;
}
}
.section-contato__container__content__right .form-custom-contato {
max-width: 518px;
}
@media (max-width: 768px) {
.section-contato__container__content {
flex-direction: column;
}
.section-contato__container__content__left__title, .section-contato__container__content__right__title {
text-align: center;
}
}
.section-contato.on-index .section-contato__container__content__right__title {
color: #FFF;
font-weight: 300;
}
.section-contato.on-index .section-contato__container__content__right .form-contato__group label {
color: #FFF;
}
.section-contato.on-index .section-contato__container__content__right .form-contato__btn {
gap: 10px;
border-radius: 4px;
border: unset;
color: #FFF;
background-color: #30a1c1;
line-height: 100%;
transition: 0.3s all ease;
font-weight: 700;
width: 100%;
justify-content: center;
padding-inline: 36px;
padding-block: 8px;
}
.section-contato.on-index .section-contato__container__content__right .form-contato__btn svg {
width: 12px;
}
.section-contato.on-index .section-contato__container__content__right .form-contato__btn svg path {
fill: #FFF;
}
.section-contato.on-index .section-contato__container__content__right .form-contato__btn:hover {
background-color: #FFF;
color: #30a1c1;
box-shadow: 0 4px 8px 4px rgba(51, 51, 51, 0.3490196078);
}
.section-contato.on-index .section-contato__container__content__right .form-contato__btn:hover svg path {
fill: #30a1c1;
}
@media (max-width: 768px) {
.section-contato {
padding: 60px 0;
}
}
@media (max-width: 598px) {
.section-contato {
padding: 30px 0;
}
}
/* Mantem o carrossel de servicos dentro da propria secao. */
.oque-fazemos__full,
.carrossel-servicos {
box-sizing: border-box;
min-width: 0;
}

.swiper-oque-fazemos {
max-width: 100%;
}

@media (max-width: 768px) {
.oque-fazemos__full {
width: 100%;
max-width: 100%;
margin-right: 0;
margin-left: 0;
padding-right: 15px;
padding-left: 15px;
}
}

/* Mantem os dois CTAs da home no tamanho desktop tambem na faixa intermediaria. */
@media (min-width: 1201px) {
.header-index__container__content__top__menu li a.link,
.header-index__container__content__top__menu .menu-servicos > a.dropdown-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
padding-block: 8px;
padding-inline: 20px;
font-size: 18px;
line-height: 1;
white-space: nowrap;
}
}

/* Componente utilizado pelas páginas de serviço. */
#blueimp-gallery .fa {
width: 35px;
height: 35px;
font-size: 35px;
}

/* Ajuste legado exclusivo desta landing page. */
main {
margin-top: 0 !important;
}

/* Sites 2026 - refinamento visual e novas secoes */
.bg-conteudo {
--sites-navy: #082f3a;
--sites-navy-light: #123f4a;
--sites-blue: #1f819a;
--sites-cyan: #30a1c1;
--sites-mint: #8ed5d7;
--sites-ink: #102f36;
--sites-muted: #587078;
--sites-line: #dce8ea;
--sites-surface: #f3f8f8;
--sites-white: #ffffff;
}

.bg-conteudo #viewContent {
overflow: hidden;
background: #fff;
}

.bg-conteudo .sites-convertem {
position: relative;
isolation: isolate;
height: auto;
min-height: 700px;
padding: clamp(84px, 8vw, 130px) 0 clamp(105px, 9vw, 150px);
overflow: hidden;
background-position: center;
background-size: cover;
}

.bg-conteudo .sites-convertem::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background:
radial-gradient(circle at 78% 35%, rgba(79, 191, 213, 0.2), transparent 32%),
linear-gradient(90deg, rgba(5, 42, 52, 0.98) 0%, rgba(8, 47, 58, 0.92) 48%, rgba(8, 47, 58, 0.5) 100%);
}

.bg-conteudo .sites-convertem__container__content {
display: grid !important;
grid-template-columns: minmax(0, 0.95fr) minmax(380px, 1.05fr);
gap: clamp(42px, 7vw, 100px);
align-items: center;
}

.bg-conteudo .sites-convertem__container__content__left {
align-items: flex-start;
max-width: 660px;
gap: 20px;
}

.bg-conteudo .sites-convertem__container__content__left__title {
margin: 0;
color: #fff;
font-size: clamp(42px, 4.3vw, 68px);
font-weight: 700;
line-height: 1.04;
letter-spacing: -0.045em;
}

.bg-conteudo .sites-convertem__container__content__left__title .lighter {
display: block;
max-width: 570px;
margin-top: 25px;
color: #a8dce2;
font-size: clamp(20px, 1.65vw, 27px);
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.015em;
}

.bg-conteudo .sites-convertem__container__content__left__content {
width: 100%;
}

.bg-conteudo .sites-convertem__container__content__left__content p {
max-width: 600px;
margin: 0;
font-size: 18px;
font-weight: 400;
line-height: 1.65;
text-align: left;
}

.bg-conteudo .sites-convertem__container__content__left__content #container_contato-simplificado {
width: 100%;
max-width: 570px;
margin-top: 28px;
padding: 24px;
border: 1px solid rgba(198, 234, 238, 0.18);
border-radius: 20px;
background: rgba(255, 255, 255, 0.09);
box-shadow: 0 25px 70px rgba(1, 21, 27, 0.2);
backdrop-filter: blur(13px);
}

.bg-conteudo .sites-convertem .form-contato-simplificado {
display: flex;
gap: 14px;
width: 100%;
}

.bg-conteudo .sites-convertem .form-contato-simplificado__group {
flex: 1 1 calc(50% - 7px) !important;
min-width: 170px;
}

.bg-conteudo .sites-convertem .form-contato-simplificado__group.data {
flex-basis: 100% !important;
}

.bg-conteudo .sites-convertem .form-contato-simplificado__group label {
color: #fff;
font-size: 13px;
}

.bg-conteudo .sites-convertem .form-contato-simplificado__group__input {
width: 100%;
min-height: 48px;
padding: 10px 13px;
color: #18383f;
font-size: 14px;
border: 1px solid rgba(255, 255, 255, 0.45);
border-radius: 10px;
background: rgba(255, 255, 255, 0.96);
box-shadow: none;
}

.bg-conteudo .sites-convertem .form-contato-simplificado__btn {
min-height: 49px;
padding: 12px 20px !important;
color: #08313b;
font-size: 14px;
border: 1px solid #a8e1e4;
border-radius: 10px;
background: #a8e1e4;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.bg-conteudo .sites-convertem .form-contato-simplificado__btn:hover {
color: #fff;
border-color: var(--sites-cyan);
background: var(--sites-cyan);
box-shadow: 0 13px 30px rgba(0, 0, 0, 0.22);
transform: translateY(-2px);
}

.bg-conteudo .sites-convertem__container__content__left__text {
display: inline-flex;
align-items: center;
width: fit-content;
margin-top: 2px;
padding: 8px 13px;
color: #d8f0f2;
font-size: 13px;
font-weight: 500;
line-height: 1.35;
border: 1px solid rgba(190, 229, 233, 0.22);
border-radius: 999px;
background: rgba(255, 255, 255, 0.08);
}

.bg-conteudo .sites-convertem__container__content__right {
max-width: 720px;
padding: 20px 24px 24px 0;
}

.bg-conteudo .sites-convertem__container__content__right img {
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 22px;
box-shadow: 0 35px 85px rgba(0, 14, 20, 0.38);
}

.bg-conteudo .sites-convertem__container__content__right::after {
right: 0;
bottom: 0;
z-index: 0;
width: 52%;
height: 58%;
border-radius: 22px;
background: linear-gradient(145deg, var(--sites-mint), var(--sites-cyan));
opacity: 0.92;
}

/* Faixa de beneficios */
.bg-conteudo .sites-impacto {
position: relative;
z-index: 6;
margin-top: -52px;
padding: 0 0 clamp(75px, 8vw, 115px);
}

.bg-conteudo .sites-impacto__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
overflow: hidden;
border: 1px solid var(--sites-line);
border-radius: 22px;
background: #fff;
box-shadow: 0 24px 70px rgba(8, 47, 58, 0.13);
}

.bg-conteudo .sites-impacto article {
min-width: 0;
min-height: 225px;
padding: 31px 29px;
border-right: 1px solid var(--sites-line);
}

.bg-conteudo .sites-impacto article:last-child {
border-right: 0;
}

.bg-conteudo .sites-impacto article>span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
margin-bottom: 28px;
color: var(--sites-blue);
font-size: 12px;
font-weight: 800;
border-radius: 13px;
background: #e7f5f6;
}

.bg-conteudo .sites-impacto h2 {
margin: 0 0 11px;
color: var(--sites-ink);
font-size: 19px;
font-weight: 700;
line-height: 1.3;
}

.bg-conteudo .sites-impacto p {
margin: 0;
color: var(--sites-muted);
font-size: 14px;
line-height: 1.65;
}

/* Diferenciais */
.bg-conteudo .destaque {
height: auto;
min-height: 0;
padding: clamp(75px, 8vw, 120px) 0;
overflow: hidden;
background: linear-gradient(135deg, #f7fbfb 0%, #edf5f6 100%);
}

.bg-conteudo .destaque__img-absolute-01,
.bg-conteudo .destaque__img-absolute-02 {
opacity: 0.45;
}

.bg-conteudo .destaque__cabecalho {
max-width: 830px;
margin: 0 auto clamp(45px, 6vw, 75px);
text-align: center;
}

.bg-conteudo .destaque__cabecalho>span {
display: block;
margin-bottom: 13px;
color: var(--sites-blue);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}

.bg-conteudo .destaque__cabecalho h2 {
margin: 0 0 17px;
color: var(--sites-ink);
font-size: clamp(34px, 4vw, 54px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.04em;
}

.bg-conteudo .destaque__cabecalho p {
max-width: 690px;
margin: 0 auto;
color: var(--sites-muted);
font-size: 16px;
line-height: 1.7;
}

.bg-conteudo .destaque__container__content {
display: grid !important;
grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.1fr);
gap: clamp(45px, 7vw, 100px);
align-items: center;
}

.bg-conteudo .destaque__container__content__left {
max-width: none;
}

.bg-conteudo .destaque__container__content__left img {
display: block;
width: 100%;
border-radius: 24px;
box-shadow: 0 27px 70px rgba(16, 47, 54, 0.17);
}

.bg-conteudo .destaque__container__content__right .panel-group {
margin: 0;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default {
margin: 0 0 13px;
overflow: hidden;
border: 1px solid var(--sites-line);
border-radius: 15px;
background: rgba(255, 255, 255, 0.72);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default:has(.in) {
border-color: rgba(48, 161, 193, 0.45);
background: #fff;
box-shadow: 0 15px 35px rgba(11, 55, 66, 0.08);
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-heading {
padding: 0;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button {
display: flex;
gap: 18px;
width: 100%;
padding: 22px 23px;
color: var(--sites-muted);
font-size: 18px;
line-height: 1.35;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button .number {
min-width: 38px;
color: var(--sites-blue);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button:not(.collapsed) {
color: var(--sites-ink);
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body {
padding: 0 23px 24px 79px;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body::before,
.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body::after {
display: none;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h3 {
margin: 0;
color: var(--sites-muted);
font-size: 15px;
font-weight: 400;
line-height: 1.7;
}

/* Formatos de projeto */
.bg-conteudo .sites-formatos {
padding: clamp(80px, 9vw, 130px) 0;
color: #fff;
background:
radial-gradient(circle at 82% 20%, rgba(48, 161, 193, 0.22), transparent 29%),
linear-gradient(145deg, #072c35, #0b3d48 58%, #082f3a);
}

.bg-conteudo .sites-formatos__cabecalho {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
gap: clamp(35px, 8vw, 130px);
margin-bottom: 45px;
align-items: end;
}

.bg-conteudo .sites-formatos__cabecalho>div>span,
.bg-conteudo .criacao__cabecalho>span,
.bg-conteudo .sites-qualidade__apresentacao>span,
.bg-conteudo .sites-faq__cabecalho>span {
display: block;
margin-bottom: 14px;
color: #68c5d5;
font-size: 12px;
font-weight: 800;
line-height: 1.3;
letter-spacing: 0.16em;
text-transform: uppercase;
}

.bg-conteudo .sites-formatos__cabecalho h2 {
max-width: 720px;
margin: 0;
color: #fff;
font-size: clamp(34px, 4vw, 55px);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.04em;
}

.bg-conteudo .sites-formatos__cabecalho>p {
margin: 0;
color: #bdd5d9;
font-size: 16px;
line-height: 1.7;
}

.bg-conteudo .sites-formatos__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.bg-conteudo .sites-formatos__card {
min-width: 0;
min-height: 260px;
padding: 30px;
border: 1px solid rgba(188, 226, 231, 0.15);
border-radius: 20px;
background: rgba(255, 255, 255, 0.06);
backdrop-filter: blur(10px);
transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.bg-conteudo .sites-formatos__card:hover {
border-color: rgba(142, 213, 215, 0.52);
background: rgba(255, 255, 255, 0.1);
transform: translateY(-4px);
}

.bg-conteudo .sites-formatos__card--destaque {
grid-row: auto;
min-height: 260px;
padding: 30px;
background: linear-gradient(145deg, rgba(48, 161, 193, 0.28), rgba(255, 255, 255, 0.07));
}

.bg-conteudo .sites-formatos__card>span {
display: inline-flex;
margin-bottom: 26px;
padding: 7px 11px;
color: #a9e1e5;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 1px solid rgba(169, 225, 229, 0.23);
border-radius: 999px;
}

.bg-conteudo .sites-formatos__card h3 {
max-width: 520px;
margin: 0 0 14px;
color: #fff;
font-size: clamp(23px, 2.2vw, 34px);
font-weight: 700;
line-height: 1.2;
letter-spacing: -0.025em;
}

.bg-conteudo .sites-formatos__card p,
.bg-conteudo .sites-formatos__card li {
color: #c2dadd;
font-size: 15px;
line-height: 1.68;
}

.bg-conteudo .sites-formatos__card ul {
display: grid;
gap: 11px;
margin: 30px 0 0;
padding: 0;
list-style: none;
}

.bg-conteudo .sites-formatos__card li {
position: relative;
padding-left: 25px;
}

.bg-conteudo .sites-formatos__card li::before {
content: "";
position: absolute;
top: 0.65em;
left: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--sites-mint);
box-shadow: 0 0 0 5px rgba(142, 213, 215, 0.1);
}

.bg-conteudo .sites-formatos__rodape {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 35px;
margin-top: 18px;
padding: 24px 28px;
align-items: center;
border: 1px solid rgba(188, 226, 231, 0.17);
border-radius: 18px;
background: rgba(255, 255, 255, 0.07);
}

.bg-conteudo .sites-formatos__rodape p {
margin: 0;
color: #c8dfe2;
font-size: 15px;
line-height: 1.6;
}

.bg-conteudo .sites-formatos__rodape p strong {
color: #fff;
}

.bg-conteudo .sites-formatos__rodape a,
.bg-conteudo .sites-qualidade__apresentacao a {
display: inline-flex;
gap: 18px;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 12px 22px;
color: #082f3a;
font-size: 14px;
font-weight: 800;
text-decoration: none;
border: 1px solid #a8e1e4;
border-radius: 12px;
background: #a8e1e4;
transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.bg-conteudo .sites-formatos__rodape a:hover,
.bg-conteudo .sites-qualidade__apresentacao a:hover {
color: #082f3a;
background: #fff;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
transform: translateY(-2px);
}

/* Processo */
.bg-conteudo .criacao {
padding: clamp(80px, 9vw, 130px) 0;
background: #eef5f5;
}

.bg-conteudo .criacao__cabecalho {
max-width: 780px;
margin: 0 auto 55px;
text-align: center;
}

.bg-conteudo .criacao__cabecalho h2 {
margin: 0 0 16px;
color: var(--sites-ink);
font-size: clamp(34px, 4vw, 54px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.04em;
}

.bg-conteudo .criacao__cabecalho p {
max-width: 650px;
margin: 0 auto;
color: var(--sites-muted);
font-size: 16px;
line-height: 1.7;
}

.bg-conteudo .criacao__container__content {
display: block;
}

.bg-conteudo .criacao__container__content__top {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
align-items: stretch;
margin-bottom: 22px;
}

.bg-conteudo .criacao__container__content__top img {
width: 100%;
min-height: 390px;
object-fit: cover;
border-radius: 22px 0 0 22px;
box-shadow: none;
}

.bg-conteudo .criacao__container__content__top__card {
position: static;
display: flex;
width: auto;
padding: clamp(35px, 5vw, 70px);
align-items: center;
color: #fff;
border-radius: 0 22px 22px 0;
background: linear-gradient(145deg, #1b7188, #0d4b59);
transform: none;
}

.bg-conteudo .criacao__container__content__top__card p {
max-width: 480px;
color: #e2f1f2;
font-size: clamp(18px, 1.7vw, 24px);
font-weight: 400;
line-height: 1.55;
}

.bg-conteudo .criacao__container__content__bottom {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}

.bg-conteudo .criacao__container__content__bottom__line,
.bg-conteudo .criacao__container__content__bottom__line:nth-child(odd),
.bg-conteudo .criacao__container__content__bottom__line:nth-child(even) {
display: grid !important;
grid-template-columns: auto minmax(0, 1fr);
gap: 19px;
padding: 27px;
align-items: start;
justify-content: stretch !important;
border: 1px solid #d6e5e7;
border-radius: 18px;
background: #fff;
box-shadow: 0 13px 35px rgba(16, 47, 54, 0.055);
}

.bg-conteudo .criacao__container__content__bottom__line__number {
position: static;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
padding: 0;
border-radius: 14px;
clip-path: none;
background: #e5f4f5;
box-shadow: none;
transform: none !important;
}

.bg-conteudo .criacao__container__content__bottom__line__number p {
color: var(--sites-blue);
font-size: 12px;
font-weight: 800;
}

.bg-conteudo .criacao__container__content__bottom__line__card {
display: block;
width: auto;
padding: 0;
background: transparent;
box-shadow: none;
}

.bg-conteudo .criacao__container__content__bottom__line__card__title {
margin: 0 0 9px;
color: var(--sites-ink);
font-size: 19px;
font-weight: 700;
line-height: 1.35;
}

.bg-conteudo .criacao__container__content__bottom__line__card__resume {
color: var(--sites-muted);
font-size: 14px;
line-height: 1.65;
}

/* Qualidade tecnica */
.bg-conteudo .sites-qualidade {
padding: clamp(80px, 9vw, 130px) 0;
background: #fff;
}

.bg-conteudo .sites-qualidade__container {
display: grid;
grid-template-columns: minmax(300px, 0.82fr) minmax(430px, 1.18fr);
gap: clamp(50px, 9vw, 145px);
align-items: start;
}

.bg-conteudo .sites-qualidade__apresentacao {
position: sticky;
top: 110px;
}

.bg-conteudo .sites-qualidade__apresentacao h2 {
max-width: 600px;
margin: 0 0 20px;
color: var(--sites-ink);
font-size: clamp(36px, 4.1vw, 58px);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.045em;
}

.bg-conteudo .sites-qualidade__apresentacao>p {
max-width: 570px;
margin: 0 0 28px;
color: var(--sites-muted);
font-size: 16px;
line-height: 1.75;
}

.bg-conteudo .sites-qualidade__apresentacao a {
color: #fff;
border-color: var(--sites-navy);
background: var(--sites-navy);
}

.bg-conteudo .sites-qualidade__lista {
display: grid;
gap: 14px;
}

.bg-conteudo .sites-qualidade__lista article {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 23px;
min-width: 0;
padding: 28px;
border: 1px solid var(--sites-line);
border-radius: 18px;
background: var(--sites-surface);
}

.bg-conteudo .sites-qualidade__lista article>span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
color: var(--sites-blue);
font-size: 12px;
font-weight: 800;
border-radius: 50%;
background: #fff;
box-shadow: 0 8px 25px rgba(16, 47, 54, 0.08);
}

.bg-conteudo .sites-qualidade__lista h3 {
margin: 0 0 7px;
color: var(--sites-ink);
font-size: 20px;
font-weight: 700;
line-height: 1.35;
}

.bg-conteudo .sites-qualidade__lista p {
margin: 0;
color: var(--sites-muted);
font-size: 14px;
line-height: 1.68;
}

/* FAQ nativo */
.bg-conteudo .sites-faq {
padding: clamp(80px, 9vw, 125px) 0;
background: linear-gradient(180deg, #edf5f6 0%, #f8fbfb 100%);
}

.bg-conteudo .sites-faq__container {
display: grid;
grid-template-columns: minmax(280px, 0.75fr) minmax(440px, 1.25fr);
gap: clamp(50px, 8vw, 125px);
}

.bg-conteudo .sites-faq__cabecalho h2 {
margin: 0 0 18px;
color: var(--sites-ink);
font-size: clamp(35px, 3.8vw, 52px);
font-weight: 700;
line-height: 1.1;
letter-spacing: -0.04em;
}

.bg-conteudo .sites-faq__cabecalho p {
margin: 0;
color: var(--sites-muted);
font-size: 16px;
line-height: 1.7;
}

.bg-conteudo .sites-faq__lista {
display: grid;
gap: 12px;
}

.bg-conteudo .sites-faq__lista details {
overflow: hidden;
border: 1px solid var(--sites-line);
border-radius: 15px;
background: #fff;
box-shadow: 0 10px 30px rgba(16, 47, 54, 0.045);
}

.bg-conteudo .sites-faq__lista summary {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 20px;
padding: 22px 24px;
align-items: center;
color: var(--sites-ink);
font-size: 17px;
font-weight: 700;
line-height: 1.4;
cursor: pointer;
list-style: none;
}

.bg-conteudo .sites-faq__lista summary::-webkit-details-marker {
display: none;
}

.bg-conteudo .sites-faq__lista summary span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
color: var(--sites-blue);
font-size: 24px;
font-weight: 400;
border-radius: 50%;
background: #e8f5f6;
transition: transform 0.25s ease;
}

.bg-conteudo .sites-faq__lista details[open] summary span {
transform: rotate(45deg);
}

.bg-conteudo .sites-faq__lista details>p {
margin: 0;
padding: 0 68px 23px 24px;
color: var(--sites-muted);
font-size: 14px;
line-height: 1.7;
}

/* Conteudos */
.bg-conteudo .secao-blog {
padding: clamp(80px, 9vw, 120px) 0;
background: #fff;
}

.bg-conteudo .secao-blog__container {
gap: 13px;
}

.bg-conteudo .secao-blog__container__title {
max-width: 850px;
margin: 0 auto;
color: var(--sites-ink);
font-size: clamp(34px, 4vw, 52px);
font-weight: 700;
line-height: 1.12;
letter-spacing: -0.04em;
text-transform: none;
}

.bg-conteudo .secao-blog__container__description {
max-width: 720px;
margin: 0 auto;
padding: 0;
color: var(--sites-muted);
font-size: 16px;
line-height: 1.65;
}

.bg-conteudo .secao-blog__container__description::before {
display: none;
}

.bg-conteudo .secao-blog__container__listagem {
margin-top: 22px;
}

.bg-conteudo .secao-blog .card-article {
overflow: hidden;
border: 1px solid var(--sites-line);
border-radius: 18px;
background: #fff;
box-shadow: 0 15px 40px rgba(16, 47, 54, 0.07);
}

.bg-conteudo .secao-blog__container__listagem__navigation__left,
.bg-conteudo .secao-blog__container__listagem__navigation__right {
border-color: #d5e7e9;
background: #fff;
box-shadow: 0 10px 25px rgba(16, 47, 54, 0.12);
}

@media (max-width: 1200px) {
.bg-conteudo .sites-convertem {
min-height: 0;
}

.bg-conteudo .sites-convertem__container__content {
grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr);
gap: 42px;
}

.bg-conteudo .sites-impacto article {
padding: 27px 22px;
}

.bg-conteudo .destaque__container__content {
grid-template-columns: minmax(280px, 0.9fr) minmax(380px, 1.1fr);
gap: 45px;
}
}

@media (max-width: 998px) {
.bg-conteudo .sites-convertem {
/* O cabeçalho é fixo e tem 75px nestes breakpoints. */
padding-top: 99px;
}

.bg-conteudo .sites-convertem__container__content {
grid-template-columns: 1fr;
}

.bg-conteudo .sites-convertem__container__content__left,
.bg-conteudo .sites-convertem__container__content__right {
width: 100%;
max-width: 680px;
margin: 0 auto;
}

.bg-conteudo .sites-convertem__container__content__left {
align-items: center;
text-align: center;
}

.bg-conteudo .sites-convertem__container__content__left__title,
.bg-conteudo .sites-convertem__container__content__left__title .lighter,
.bg-conteudo .sites-convertem__container__content__left__content p {
max-width: 680px;
text-align: center;
}

.bg-conteudo .sites-convertem__container__content__left__content #container_contato-simplificado {
margin-right: auto;
margin-left: auto;
}

.bg-conteudo .sites-impacto__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bg-conteudo .sites-impacto article {
min-height: 205px;
border-bottom: 1px solid var(--sites-line);
}

.bg-conteudo .sites-impacto article:nth-child(2) {
border-right: 0;
}

.bg-conteudo .sites-impacto article:nth-child(n + 3) {
border-bottom: 0;
}

.bg-conteudo .destaque__container__content {
grid-template-columns: 1fr;
}

.bg-conteudo .destaque__container__content__left,
.bg-conteudo .destaque__container__content__right {
width: 100%;
max-width: 680px;
margin: 0 auto;
}

.bg-conteudo .sites-formatos__cabecalho,
.bg-conteudo .sites-qualidade__container,
.bg-conteudo .sites-faq__container {
grid-template-columns: 1fr;
gap: 35px;
}

.bg-conteudo .sites-formatos__card--destaque {
min-height: 0;
}

.bg-conteudo .sites-qualidade__apresentacao {
position: static;
}

.bg-conteudo .criacao__container__content__top {
grid-template-columns: 1fr;
}

.bg-conteudo .criacao__container__content__top img {
min-height: 0;
border-radius: 22px 22px 0 0;
}

.bg-conteudo .criacao__container__content__top__card {
width: auto;
border-radius: 0 0 22px 22px;
}
}

@media (max-width: 768px) {
.bg-conteudo .sites-convertem {
padding: 99px 0 105px;
}

.bg-conteudo .sites-convertem__container__content__left__title {
font-size: clamp(36px, 10vw, 49px);
}

.bg-conteudo .sites-convertem__container__content__left__title .lighter {
margin-top: 18px;
font-size: 19px;
}

.bg-conteudo .sites-convertem__container__content__left__content p {
font-size: 16px;
}

.bg-conteudo .sites-convertem__container__content__right {
max-width: 600px;
}

.bg-conteudo .sites-formatos__grid,
.bg-conteudo .criacao__container__content__bottom {
grid-template-columns: 1fr;
}

.bg-conteudo .sites-formatos__card--destaque {
grid-row: auto;
}

.bg-conteudo .sites-formatos__rodape {
grid-template-columns: 1fr;
}

.bg-conteudo .sites-formatos__rodape a {
width: 100%;
}

.bg-conteudo .criacao__container__content {
gap: 0;
}

.bg-conteudo .criacao__container__content__top__card {
position: static;
z-index: auto;
width: auto;
transform: none !important;
}

.bg-conteudo .criacao__container__content__bottom__line,
.bg-conteudo .criacao__container__content__bottom__line:nth-child(odd),
.bg-conteudo .criacao__container__content__bottom__line:nth-child(even) {
justify-content: stretch !important;
}

.bg-conteudo .criacao__container__content__bottom__line__number {
left: auto;
transform: none !important;
}

.bg-conteudo .criacao__container__content__bottom__line__card {
width: auto;
}

.bg-conteudo .secao-blog__container__listagem {
width: 100%;
}
}

@media (max-width: 598px) {
.bg-conteudo .sites-convertem {
padding: 99px 0 90px;
}

.bg-conteudo .sites-convertem__container__content {
gap: 38px;
}

.bg-conteudo .sites-convertem__container__content__left {
align-items: flex-start;
text-align: left;
}

.bg-conteudo .sites-convertem__container__content__left__title,
.bg-conteudo .sites-convertem__container__content__left__title .lighter,
.bg-conteudo .sites-convertem__container__content__left__content p {
text-align: left;
}

.bg-conteudo .sites-convertem__container__content__left__title {
font-size: 36px;
}

.bg-conteudo .sites-convertem__container__content__left__title .lighter {
font-size: 17px;
}

.bg-conteudo .sites-convertem__container__content__left__content #container_contato-simplificado {
max-width: 100%;
padding: 18px;
}

.bg-conteudo .sites-convertem .form-contato-simplificado {
display: grid;
grid-template-columns: 1fr;
}

.bg-conteudo .sites-convertem .form-contato-simplificado__group {
width: 100%;
min-width: 0;
}

.bg-conteudo .sites-convertem__container__content__left__text {
width: 100%;
border-radius: 12px;
}

.bg-conteudo .sites-convertem__container__content__right {
max-width: 92%;
padding: 10px 13px 14px 0;
}

.bg-conteudo .sites-impacto {
margin-top: -38px;
}

.bg-conteudo .sites-impacto__grid {
grid-template-columns: 1fr;
}

.bg-conteudo .sites-impacto article {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
column-gap: 17px;
min-height: 0;
padding: 22px;
border-right: 0;
border-bottom: 1px solid var(--sites-line) !important;
}

.bg-conteudo .sites-impacto article:last-child {
border-bottom: 0 !important;
}

.bg-conteudo .sites-impacto article>span {
grid-row: span 2;
margin: 0;
}

.bg-conteudo .sites-impacto h2 {
margin-bottom: 5px;
font-size: 17px;
}

.bg-conteudo .sites-impacto p {
font-size: 13px;
}

.bg-conteudo .destaque__container__content__left {
max-width: 100%;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-heading .panel-button {
gap: 12px;
padding: 18px 16px;
font-size: 16px;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body {
padding: 0 16px 19px 16px;
}

.bg-conteudo .destaque__container__content__right .panel-group .panel-default .panel-collapse .panel-body h3 {
font-size: 14px;
}

.bg-conteudo .sites-formatos__card,
.bg-conteudo .sites-formatos__card--destaque {
min-height: 0;
padding: 24px;
}

.bg-conteudo .sites-formatos__card h3 {
font-size: 23px;
}

.bg-conteudo .sites-formatos__rodape {
padding: 22px;
}

.bg-conteudo .criacao__container__content__top img {
width: 100%;
}

.bg-conteudo .criacao__container__content__top__card {
padding: 27px;
}

.bg-conteudo .criacao__container__content__top__card p {
max-width: none;
font-size: 17px;
text-align: left;
}

.bg-conteudo .criacao__container__content__bottom__line,
.bg-conteudo .criacao__container__content__bottom__line:nth-child(odd),
.bg-conteudo .criacao__container__content__bottom__line:nth-child(even) {
grid-template-columns: 1fr;
padding: 23px;
}

.bg-conteudo .sites-qualidade__lista article {
grid-template-columns: 1fr;
padding: 23px;
}

.bg-conteudo .sites-faq__lista summary {
padding: 19px;
font-size: 15px;
}

.bg-conteudo .sites-faq__lista details>p {
padding: 0 19px 21px;
font-size: 13px;
}

.bg-conteudo .secao-blog__container__title {
font-size: 32px;
}

.bg-conteudo .secao-blog__container__description {
font-size: 15px;
}
}

/* Efeito flip dos CTAs - mesmo padrao das paginas de e-mail. */
.bg-conteudo .btn-flip {
--flip-front-background: #082f3a;
--flip-front-color: #ffffff;
--flip-back-background: #a8e1e4;
--flip-back-color: #082f3a;
position: relative;
display: inline-block;
width: 340px;
height: 58px;
min-height: 58px;
max-width: 100%;
padding: 0 !important;
overflow: visible;
border: 0 !important;
border-radius: 12px;
outline: 0;
color: transparent !important;
background: transparent !important;
box-shadow: 0 11px 25px rgba(4, 35, 43, 0.2);
font-size: 0 !important;
line-height: 0 !important;
letter-spacing: 0;
text-align: center;
text-decoration: none !important;
text-transform: uppercase;
vertical-align: middle;
perspective: 900px;
cursor: pointer;
}

.bg-conteudo .btn-flip::before,
.bg-conteudo .btn-flip::after {
position: absolute;
inset: 0;
display: flex;
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
box-sizing: border-box;
padding: 8px 21px;
align-items: center;
justify-content: center;
overflow: hidden;
border: 1px solid rgba(181, 232, 238, 0.58);
border-radius: inherit;
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.025em;
text-align: center;
white-space: normal;
overflow-wrap: normal;
word-break: normal;
backface-visibility: hidden;
transform-origin: center;
transition: opacity 0.5s ease, transform 0.5s ease;
}

.bg-conteudo .btn-flip::before {
z-index: 1;
color: var(--flip-front-color);
background: var(--flip-front-background);
content: attr(data-front);
opacity: 1;
transform: translateY(0) rotateX(0);
}

.bg-conteudo .btn-flip::after {
z-index: 2;
color: var(--flip-back-color);
background: var(--flip-back-background);
content: attr(data-back);
opacity: 0;
transform: translateY(-50%) rotateX(90deg);
}

.bg-conteudo .btn-flip:hover::after,
.bg-conteudo .btn-flip:focus-visible::after {
opacity: 1;
transform: translateY(0) rotateX(0);
}

.bg-conteudo .btn-flip:hover::before,
.bg-conteudo .btn-flip:focus-visible::before {
opacity: 0;
transform: translateY(50%) rotateX(90deg);
}

.bg-conteudo .btn-flip:focus-visible {
outline: 3px solid #9fdde2;
outline-offset: 4px;
}

.bg-conteudo .btn-flip>svg,
.bg-conteudo .btn-flip>span {
visibility: hidden;
}

.bg-conteudo .sites-formatos__rodape a.btn-flip {
width: 285px;
height: 58px;
min-height: 58px;
}

.bg-conteudo .sites-qualidade__apresentacao a.btn-flip {
width: 360px;
height: 60px;
min-height: 60px;
}

.bg-conteudo .form-contato-simplificado__btn.btn-flip {
width: 100%;
height: 52px;
min-height: 52px;
transform: none;
}

@media (max-width: 598px) {

.bg-conteudo .sites-formatos__rodape a.btn-flip,
.bg-conteudo .sites-qualidade__apresentacao a.btn-flip,
.bg-conteudo .form-contato-simplificado__btn.btn-flip {
width: 100%;
height: 60px;
min-height: 60px;
}

.bg-conteudo .btn-flip::before,
.bg-conteudo .btn-flip::after {
padding: 8px 13px;
font-size: 12px;
letter-spacing: 0;
}
}

@media (prefers-reduced-motion: reduce) {

.bg-conteudo .btn-flip::before,
.bg-conteudo .btn-flip::after {
transition: none;
}
}