:root {
--main-color: #1A2B6D;
--sec-color: #008CD0;
}
body {
font-family: "Montserrat", sans-serif;
}
.loading-animation {
animation: logofadein 1s alternate infinite ease-in-out;
}
.topbar {
background: var(--sec-color);
ul {
list-style: none;
display: flex;
align-items: center;
gap: 32px;
margin: 0;
li.active a {
font-weight: 500 !important;
}
a {
color: #fff;
padding: 20px 0;
display: inline-block;
font-weight: 400;
font-size: 16px;
line-height: 24px;
transition: 600ms all ease-in-out;
&:hover {
text-shadow: 0 0 3px #fff;
}
&.active {
font-weight: 500 !important;
}
}
}
}
.hh-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
gap: 25px;
}
.hh-desc {
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: #717070;
max-width: 490px;
}
.boxes-box {
height: 100%;
perspective: 1000px;
cursor: pointer;
.boxes-box-container {
min-height: 215px;
border: 1px solid #EBEDFF;
box-shadow: 4px 4px 10px 0px #00000014;
background: white;
border-radius: 30px;
padding: 25px;
top: 0;
left: 0;
position: relative;
width: 100%;
height: 100%;
transition: transform 0.8s;
transform-style: preserve-3d;
.boxes-front, .boxes-back {
position: relative;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden; backface-visibility: hidden;
border-radius: 30px;
}
.boxes-front.alt {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
.boxes-icon {
background: #EBEDFF;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
img {
margin-top: 0;
margin-left: 0;
max-width: 31px;
max-height: 31px;
}
}
}
.boxes-front {
background-color: white;
}
.boxes-back {
background-color: var(--sec-color);
color: white;
transform: rotateY(180deg);
position: absolute;
top: 0;
left: 0;
box-shadow: 4px 4px 10px 0px #00000014;
font-weight: 500;
font-size: 18px;
line-height: 160%;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
}
}
&:hover .boxes-box-container {
transform: rotateY(180deg);
}
}
.mt-45 {
margin-top: 2.8rem !important;
}
.section-title {
font-weight: 600;
font-size: 32px;
line-height: 42px;
color: #1A2B6D;
}
.boxes-title {
font-weight: 600;
font-size: 22px;
line-height: 110%;
color: #1A2B6D;
}
.boxes-desc {
font-weight: 500;
font-size: 16px;
line-height: 110%;
color: #717070;
}
.boxes-icon img {
width: 100%;
height: auto;
max-width: 31px;
max-height: 31px;
margin-top: 18px;
margin-left: 18px;
}
.boxes-icon {
background: #EBEDFF;
width: 40px;
height: 40px;
border-radius: 50%;
}
.dores {
padding-bottom: 100px
}
.site-badge {
border: 1px solid #EBEDFF;
border-radius: 80px;
background: white;
font-weight: 500;
font-size: 15px;
line-height: 24px;
color: #008CD0CC;
display: inline-block;
padding: 6px 22px;
box-shadow: 2px 2px 8px 0px #008CD014;
}
.dor {
height: 100%;
border: 1px solid #EBEDFF;
border-radius: 40px 0;
padding: 32px 24px;
box-shadow: 4px 4px 10px 0px #00000014;
background-color: #F6F6FB;
.dor-container {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: space-between;
height: 100%;
gap: 20px;
}
.dor-container-head, .container-footer {
width: 100%;
}
.dor-img {
max-width: 100%;
}
ul.dor-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 28px;
align-items: start;
padding: 0;
font-size: 16px;
line-height: 26px;
li {
display: flex;
align-items: center;
gap: 10px;
.dor-number {
box-shadow: 4px 4px 12px 0px #00000014;
font-weight: 500;
font-size: 16px;
line-height: 24px;
display: flex;
width: 30px;
height: 30px;
border-radius: 30px;
align-items: center;
justify-content: center;
color: #565F87;
}
}
}
}
section.boxes {
padding: 90px 0;
}
.text-wrap-balance {
text-wrap-style: balance;
}
.slider-title {
font-weight: 500;
font-size: 22px;
line-height: 160%;
letter-spacing: 0.2px;
color: var(--main-color);
}
.slider-link {
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: var(--sec-color) !important;
display: flex;
align-items: center;
gap: 7px;
}
.site-title {
font-weight: 600;
font-size: 40px;
line-height: 140%;
color: #1A2B6D;
text-wrap-style: balance;
span {
color: var(--sec-color);
}
}
.coluna {
transition: 300ms all ease-in-out;
overflow: hidden;
width: calc(17.5% - 24px); flex: 0 0 auto;
}
.swiper-slide .slider img {
animation: none;
opacity: 1;
}
.swiper-slide.swiper-slide-active img {
animation: scale-img 2s ease-in-out forwards 1
}
.swiper-slide .coluna {
width: 100%;
max-width: 450px;
margin: 0 auto;
}
.active-coluna {
width: 30%;
}
.slider {
height: 475px;
max-height: 475px;
border-radius: 35px;
overflow: hidden;
background-color: #1a2b6d;
cursor: pointer;
overflow: hidden;
}
span.color-secondary {
color: var(--sec-color);
}
.slider-info {
opacity: 0;
padding-right: 10px;
position: relative;
}
hr {
border-top: 1px solid #14abe3cf;
}
.slide-container.active .slider-info {
opacity: 1;
padding-left: 10px;
padding-right: 0;
transition: 300ms all ease-in 400ms;
position: relative;
}
.sliders-container .slide-container.active img {
opacity: 1;
animation: scale-img 1s ease-in-out forwards 1
}
@keyframes scale-img {
0% {
transform: scale(1);
}
100% {
transform: scale(1.2);
}
}
.bola-cta-cartao {
background: linear-gradient(143.51deg, #008CD0 19.33%, #27357C 81%);
width: 720px;
height: 720px;
border-radius: 50%;
position: absolute;
right: 0;
top: 50px;
transform: translateX(30%);
}
section.beneficios {
padding: 90px 0;
}
.footer-sociais a {
width: 36px;
height: 36px;
background: #008CD0;
display: inline-flex;
border-radius: 50%;
align-items: center;
justify-content: center;
transition: 300ms all ease-in-out;
&:hover {
background: var(--main-color);
}
}
a.footer-mail {
font-weight: 400;
font-size: 16px;
line-height: 160%;
color: #717070;
display: flex;
align-items: center;
gap: 8px;
transition: 300ms all ease-in-out;
&:hover {
color: var(--main-color);
}
}
.sticky-container {
position: sticky;
top: 140px;
}
.navbar {
position: sticky;
top: 0;
z-index: 10;
transition: 300ms all ease-in-out;
}
section.beneficios-cta {
background: #F7F8FF;
padding: 90px 0;
}
.beneficios-itens {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.beneficio-desc {
font-weight: 500;
font-size: 16px;
line-height: 160%;
color: #717070;
}
.bn-list {
font-weight: 500;
font-size: 16px;
line-height: 160%;
color: #717070;
padding-left: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
a.bn-link {
font-weight: 600;
font-size: 18px;
line-height: 160%;
letter-spacing: 0.3px;
color: var(--sec-color);
display: flex;
align-items: center;
gap: 8px;
}
.bn-call svg {
margin-top: 2px;
}
.bn-call {
font-weight: 500;
font-size: 18px;
line-height: 160%;
letter-spacing: 0.2px;
color: #565F87;
display: flex;
align-items: flex-start;
gap: 8px;
}
.bn-title {
font-weight: 600;
font-size: 22px;
line-height: 140%;
color: var(--main-color);
}
img.bn-img {
border-radius: 30px;
width: 100%;
height: 100%;
min-height: 420px;
object-fit: cover;
}
.beneficio-title {
font-weight: 600;
font-size: 20px;
line-height: 140%;
color: var(--main-color);
}
.beneficios-item {
display: flex;
align-items: flex-start;
gap: 10px;
}
.bn-title.alt {
font-weight: 600;
font-size: 40px;
}
.bn-container {
display: none;
flex-direction: column;
gap: 100px;
}
.bn-container.active {
display: flex;
animation: fadein 1s ease-in-out forwards 1;
}
.bn-btn {
background: #EFF1FF;
font-weight: 500;
font-size: 16px;
line-height: 140%;
color: #565F87;
padding: 10px 50px;
border-radius: 50px;
cursor: pointer;
text-align: center;
transition: 300ms all ease-in-out;
&.active, &:hover {
background-color: var(--sec-color);
color: white;
}
}
.bn-btns {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
section.automacao {
margin-bottom: 100px;
}
.beneficios-img-container {
background: url(//avendrepay.com.br/wp-content/themes/avendrepay/assets/img/bg-beneficios-cta.png);
background-size: 100% 100%;
background-position: center;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
}
.navbar.sticky {
padding-top: 10px !important;
padding-bottom: 10px !important;
filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.1));
}
.footer-menu {
margin-top: 10px;
font-weight: 400;
font-size: 16px;
line-height: 30px;
list-style: none;
padding: 0;
a {
color: #717070;
transition: 300ms all ease-in-out;
&:hover {
color: var(--main-color);
}
}
}
.footer-title {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: var(--main-color);
}
.footer-logo-desc {
font-weight: 500;
font-size: 15px;
line-height: 160%;
color: #565F87;
}
footer {
padding: 60px 0 15px;
background-color: #F6F6FB;
margin-top: 100px;
}
.slider img {
transition: 300ms all ease-in-out;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.7;
}
.sliders {
padding: 100px 0;
overflow: hidden;
}
.cta-cartao-texto {
font-weight: 500;
font-size: 18px;
line-height: 150%;
color: white;
}
.cta-cartao-title {
font-weight: 500;
font-size: 36px;
line-height: 140%;
color: white;
}
.cta-cartoes-container {
background: #27357C;
border-radius: 40px;
padding: 30px 0;
}
.mw-800 {
max-width: 800px;
}
.sobre-img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 40px;
min-height: 480px;
}
.site-text {
font-weight: 500;
font-size: 18px;
line-height: 160%;
color: #717070;
}
.site-subtitle {
font-weight: 500;
font-size: 18px;
line-height: 160%;
max-width: 860px;
color: #717070;
}
.dor-box-title {
font-weight: 600;
font-size: 22px;
line-height: 160%;
color: var(--main-color);
}
.dor-box-texto {
font-weight: 500;
font-size: 16px;
line-height: 160%;
color: #717070;
}
.dores-box-container {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
section.dores-box {
padding: 100px 0;
}
.dor-box {
width: 100%;
box-shadow: 4px 4px 10px 0px #14ABE32E;
border: 1px solid #008CD0;
border-radius: 35px;
padding: 40px 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 22px;
}
.site-title.alt {
color: #008CD0;
font-weight: 600;
font-size: 28px;
line-height: 140%;
}
.hh-1-alt {
position: absolute;
z-index: 1;
left: 0;
opacity: 0;
transform: translateX(30px);
animation-delay: 3s, 2s;
animation-name: hh-1-alt, fadein;
animation-duration: 2s, 1s;
animation-timing-function: ease-in-out, ease-in-out;
animation-iteration-count: infinite, 1;
animation-direction: alternate;
}
.hh-2-alt {
position: relative;
left: 0;
opacity: 0;
transform: translateX(-30px);
animation-delay: 2s, 1s;
animation-name: hh-2-alt, fadein2;
animation-duration: 2s, 1s;
animation-timing-function: ease-in-out, ease-in-out;
animation-iteration-count: infinite, 1;
animation-direction: alternate, forwards;
}
.hh-1 {
position: relative;
z-index: 1;
opacity: 0;
transform: translateX(30px);
animation-delay: 3s, 2s;
animation-name: hh-1, fadein;
animation-duration: 2s, 1s;
animation-timing-function: ease-in-out, ease-in-out;
animation-iteration-count: infinite, 1;
animation-direction: alternate;
}
.hh-2 {
position: absolute;
left: 0;
opacity: 0;
transform: translateX(-30px);
animation-delay: 2s, 1s;
animation-name: hh-2, fadein2;
animation-duration: 2s, 1s;
animation-timing-function: ease-in-out, ease-in-out;
animation-iteration-count: infinite, 1;
animation-direction: alternate, forwards;
}
@keyframes fadein {
0% {
opacity: 0;
transform: translateX(30px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes fadein2 {
0% {
opacity: 0;
transform: translateX(-30px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes logofadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes hh-1 {
0% {
opacity: 1;
transform: translate(0, 0);
}
50% {
opacity: 1;
transform: translate(-5px, -5px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes hh-2 {
0% {
opacity: 1;
transform: translate(0, 0);
}
50% {
opacity: 1;
transform: translate(-5px, -5px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes hh-1-alt {
0% {
opacity: 1;
transform: translate(0, 0);
}
50% {
opacity: 1;
transform: translate(0, -5px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
@keyframes hh-2-alt {
0% {
opacity: 1;
transform: translate(0, 0);
}
50% {
opacity: 1;
transform: translate(0, -5px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}
.hh-title {
font-weight: 600;
font-size: 46px;
line-height: 135%;
color: #27357C;
}
.hh-img-container {
position: relative;
width: 100%;
text-wrap-mode: nowrap;
}
.home-header {
background: url(//avendrepay.com.br/wp-content/themes/avendrepay/assets/img/bg-header.jpg);
background-size: cover;
background-position: center;
padding: 30px 0;
}
.btn-inline {
border: 1px solid var(--main-color);
transition: 600ms all ease-in-out;
border-radius: 15px 0;
font-weight: 500;
font-size: 16px;
line-height: 24px;
display: inline-block;
color: var(--main-color);
padding: 12px 30px;
&:hover {
background-color: var(--main-color);
color: white;
border: 1px solid var(--main-color);
}
}
button.navbar-toggler {
border: none;
position: relative;
}
button.navbar-toggler svg {
position: absolute;
top: 0;
left: 0;
transition: 300ms all ease-in-out;
}
section.sobre {
background-size: 100% 100%;
background-position: center;
padding: 100px 0;
}
button.navbar-toggler svg {
opacity: 0;
}
button.navbar-toggler svg.active {
opacity: 1;
}
button.navbar-toggler.collapsed svg {
opacity: 1;
}
button.navbar-toggler.collapsed svg.active {
opacity: 0;
}
button.navbar-toggler:focus-visible, button.navbar-toggler:focus {
outline: none;
box-shadow: none;
}
.btn-sec {
transition: 600ms all ease-in-out;
border-radius: 15px 0;
font-weight: 500;
font-size: 16px;
line-height: 24px;
display: inline-block;
color: white !important;
background-color: var(--sec-color);
padding: 12px 30px;
&:hover {
background-color: var(--main-color);
color: white;
}
}
.btn-arrow.alt {
background-color: var(--sec-color);
&:hover {
background-color: var(--main-color);
&:after {
background-color: var(--sec-color);
}
}
&:after {
background-color: var(--main-color);
}
}
.btn-arrow {
display: inline-block;
background-color: var(--main-color);
transition: 600ms all ease-in-out;
border-radius: 15px 0;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: white !important;
padding: 13px 30px 13px 60px;
position: relative;
overflow: hidden;
&:after {
content: "";
transition: 600ms all ease-in-out;
height: 100%;
width: 46px;
position: absolute;
left: 0;
top: 0;
border-radius: 15px 0;
background: var(--sec-color) url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIwOTggNy4wMTU2OEMxNy4yMTEgNy4wOTc5MiAxNy4xOTU5IDcuMTc5NTkgMTcuMTY1NSA3LjI1NkMxNy4xMzUgNy4zMzI0MiAxNy4wODk4IDcuNDAyMDcgMTcuMDMyNCA3LjQ2MDk2TDExLjQ1NTcgMTMuMTMzOUMxMS4zMzkgMTMuMjUyNiAxMS4xOCAxMy4zMiAxMS4wMTM1IDEzLjMyMTVDMTAuODQ3MSAxMy4zMjI5IDEwLjY4NjkgMTMuMjU4MSAxMC41NjgyIDEzLjE0MTVDMTAuNDQ5NSAxMy4wMjQ4IDEwLjM4MiAxMi44NjU3IDEwLjM4MDYgMTIuNjk5M0MxMC4zNzkyIDEyLjUzMjkgMTAuNDQzOSAxMi4zNzI3IDEwLjU2MDYgMTIuMjU0TDE1LjcwMzYgNy4wMjg1NkwxMC40NzIgMS44OTE4N0MxMC40MTMyIDEuODM0MDkgMTAuMzY2NCAxLjc2NTMxIDEwLjMzNDIgMS42ODk0NEMxMC4zMDIgMS42MTM1OCAxMC4yODUxIDEuNTMyMTEgMTAuMjg0NCAxLjQ0OTcxQzEwLjI4MzcgMS4zNjczIDEwLjI5OTIgMS4yODU1NiAxMC4zMzAxIDEuMjA5MTVDMTAuMzYxIDEuMTMyNzQgMTAuNDA2NiAxLjA2MzE3IDEwLjQ2NDQgMS4wMDQ0QzEwLjUyMjIgMC45NDU2MyAxMC41OTEgMC44OTg4MTMgMTAuNjY2OCAwLjg2NjYyNkMxMC43NDI3IDAuODM0NDM4IDEwLjgyNDIgMC44MTc1MDggMTAuOTA2NiAwLjgxNjgwNEMxMC45ODkgMC44MTYxIDExLjA3MDcgMC44MzE2MzMgMTEuMTQ3MSAwLjg2MjUxOEMxMS4yMjM1IDAuODkzNDAzIDExLjI5MzEgMC45MzkwMzYgMTEuMzUxOSAwLjk5NjgxTDE3LjAyNDggNi41NzM0OUMxNy4wODMyIDYuNjMxMzkgMTcuMTI5NiA2LjcwMDI2IDE3LjE2MTQgNi43NzYxNEMxNy4xOTMxIDYuODUyMDIgMTcuMjA5NiA2LjkzMzQyIDE3LjIwOTggNy4wMTU2OFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik0xNy4yMDk5IDcuMDE1NjhDMTcuMjExMyA3LjE4MTQ0IDE3LjE0NjggNy4zNDA5NiAxNy4wMzA2IDcuNDU5MTdDMTYuOTE0NCA3LjU3NzM4IDE2Ljc1NiA3LjY0NDU5IDE2LjU5MDIgNy42NDYwMUwxLjU5MDggNy43NzQzQzEuNDI1MDQgNy43NzU3MiAxLjI2NTUxIDcuNzExMjMgMS4xNDczMSA3LjU5NTAzQzEuMDI5MSA3LjQ3ODgzIDAuOTYxODkyIDcuMzIwNDIgMC45NjA0NzUgNy4xNTQ2N0MwLjk1OTA1NyA2Ljk4ODkyIDEuMDIzNTQgNi44MjkzOSAxLjEzOTc1IDYuNzExMThDMS4yNTU5NSA2LjU5Mjk3IDEuNDE0MzUgNi41MjU3NyAxLjU4MDExIDYuNTI0MzVMMTYuNTc5NiA2LjM5NjA1QzE2Ljc0NTMgNi4zOTQ2MyAxNi45MDQ4IDYuNDU5MTIgMTcuMDIzIDYuNTc1MzJDMTcuMTQxMyA2LjY5MTUzIDE3LjIwODUgNi44NDk5MyAxNy4yMDk5IDcuMDE1NjhaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K') no-repeat;
background-position: center;
}
&:hover {
color: white;
background-color: var(--sec-color);
padding: 13px 60px 13px 30px;
&:after {
left: 100%;
transform: translateX(-100%);
background-color: var(--main-color)
}
}
}
.navbar-nav {
display: flex;
align-items: center;
gap: 24px;
a {
font-weight: 500;
font-size: 16px;
line-height: 34px;
display: inline-block;
position: relative;
color: #717070;
transition: 600ms all ease-in-out;
&:after {
content: '';
opacity: 0;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: var(--sec-color);
transition: 600ms all ease-in-out;
}
&.active, &:hover {
color: var(--main-color);
&:after {
opacity: 1;
}
}
}
}
.form-lead-container {
padding: 50px 90px;
}
.ipt-group input, .ipt-group select {
border: 1px solid #1A2B6D;
font-weight: 400;
font-size: 14px;
line-height: 100%;
color: #717070;
padding: 14px 15px;
margin-top: 8px;
width: 100%;
}
.ipt-group .wpcf7-form-control-wrap {
width: 100%;
}
.ipt-group select {
padding: 16px 15px;
}
.wpcf7-radio {
display: flex;
gap: 15px;
align-items: center;
}
.wpcf7-submit {
background: #008CD0 !important;
border-radius: 15px 0 !important;
width: 100% !important;
}
.ipt-group .wpcf7-list-item label {
display: flex;
align-items: flex-end;
gap: 6px;
}
.wpcf7-list-item {
margin: 0;
}
.ipt-group label {
font-weight: 500;
font-size: 14px;
line-height: 100%;
color: #1A2B6D;
}
.form-lead-container {
background: white;
box-shadow: 4px 4px 8px 0px #0000001A;
border-radius: 30px 0;
}
section.form-lead {
background: linear-gradient(115.53deg, rgba(235, 237, 255, 0.8) 4.54%, rgba(235, 237, 255, 0.3) 63.89%);
padding: 80px 0;
}
@media (min-width: 768px) {
.w-md-auto {
width: auto !important;
}
}
@media (max-width: 768px) {
.bn-btn {
width: 100%;
}
.top-menu {
padding-left: 0;
justify-content: space-between;
}
.menu-top-container {
flex: 1;
}
.form-lead-container {
padding: 40px 25px;
}
.hh-title {
font-weight: 600;
font-size: 30px;
line-height: 135%;
}
section.boxes {
padding: 55px 0;
}
.hh-desc {
font-weight: 500;
font-size: 16px;
line-height: 160%;
}
.hh-container {
gap: 15px;
}
.site-title {
font-size: 30px;
}
.site-subtitle {
font-size: 16px;
}
.swiper-pagination {
position: relative !important;
margin-top: 20px !important;
}
.swiper {
padding: 10px !important;
}
.btn-arrow {
padding: 13px 30px 13px 30px;
}
.btn-arrow:after {
display: none;
}
section.sobre {
padding: 50px 0;
}
.section-title {
font-size: 26px;
}
.sliders {
padding: 50px 0;
}
.cta-cartao-title {
font-size: 30px;
}
.cta-cartao-texto {
font-size: 16px;
}
}
@media (max-width: 992px) {
.bn-btns {
gap: 20px;
}
section.automacao {
margin-bottom: 60px;
}
section.sobre {
padding: 60px 0;
}
.bn-container {
gap: 40px;
}
.bola-cta-cartao {
top: initial;
transform: translate(50%, 50%);
bottom: 0;
}
.navbar-nav {
gap: 15px;
}
.navbar-nav a {
font-size: 18px;
}
section.dores-box {
padding: 60px 0;
}
section.beneficios-cta {
padding: 60px 0;
}
section.beneficios {
padding: 60px 0;
}
}
@media (max-width: 1200px) {
img.logo {
height: 48px;
}
}