body {
margin: 0px;
}
.banner-lp-marketing_content p,
.lp-marketing p,
.footer-lp-marketing_content p {
margin: 0px;
}
.lp-content-center {
display: block;
max-width: 1920px;
margin: auto;
padding: 0px 16px;
font-family: 'Roboto', sans-serif;
}
.lp-marketing_content-button-services {
background-color: transparent;
border-radius: 28px;
border: 1px solid #F58B47;
height: 54px;
width: 100%;
color: #272727;
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.lp-marketing_content-button-learnMore {
background-color: transparent;
border-radius: 28px;
border: 1px solid #F58B47;
height: 54px;
width: 100%;
color: #FFFFFF;
font-size: 20px;
font-weight: 300;
line-height: 30px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
margin-top: 32px;
margin-bottom: 32px;
}
.lp-marketing_content-button-whatsapp {
background-color: #25D366;
border-radius: 28px;
height: 56px;
width: 100%;
color: #FFFFFF;
font-size: 20px;
font-weight: 300;
line-height: 30px;
display: flex;
justify-content: center;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.lp-marketing_content-button-whatsapp svg {
width: 21px;
height: auto;
margin-right: 8px;
} .header-lp-marketing {
width: 100%;
background-color: #090909;
position: fixed;
top: 0px;
z-index: 2;
}
.header-lp-marketing_content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
height: 85px;
gap: 5px;
}
.header-lp-marketing_content img {
width: 87px;
height: auto;
}
.header-lp-marketing_content-slogan {
display: flex;
flex-direction: column;
justify-content: center;
align-items: end;
}
.header-lp-marketing_content-slogan img.slogan1 {
width: 100%;
height: auto;
}
.header-lp-marketing_content-slogan img.slogan2 {
width: 58px;
height: auto;
} .banner-lp-marketing {
width: 100%;
background-color: #090909;
margin-top: 85px;
}
.banner-lp-marketing_content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 32px;
padding: 32px 16px;
}
.banner-lp-marketing_content img {
width: 100%;
transform: scaleX(-1);
max-width: 500px;
min-width: 1px;
}
.banner-lp-marketing_content-block {
display: flex;
flex-direction: column;
text-align: left;
}
.banner-lp-marketing_content-block p {
color: #FFFFFF;
font-size: 40px;
font-weight: 300;
line-height: 52px;
}
.banner-lp-marketing_content-block span {
color: #FFFFFF;
font-size: 28px;
font-weight: 500;
line-height: 33px;
margin-top: 10px;
}
.lp-marketing_content-solution {
background-color: #FFFFFF;
}
.lp-marketing_content-solution-block {
background-color: #090909;
border-radius: 24px;
padding: 32px 16px;
margin: 40px auto 70px;
color: #FFFFFF;
}
.lp-marketing_content-solution-block-max {
max-width: 738px;
margin: auto;
}
.lp-marketing_content-solution-block h1 {
font-size: 40px;
font-weight: 300;
line-height: 52px;
margin: 0px;
}
.lp-marketing_content-solution-block p {
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 16px;
}
.lp-marketing_content-solution-block b {
font-size: 28px;
font-weight: 500;
line-height: 33px;
margin-top: 32px;
display: block;
}
.lp-marketing_content-solution-block-grid {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 32px;
align-items: baseline;
margin-top: 16px;
}
.lp-marketing_content-solution-block-grid div {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
gap: 16px;
color: #FFFFFF;
text-decoration: none;
width: 124px;
}
.lp-marketing_content-solution-block-grid div img {
width: 48px;
height: auto;
}
.lp-marketing_content-solution-block-grid div p {
font-size: 16px;
font-weight: 300;
line-height: 24px;
margin: 0px;
}
.lp-marketing_content-plan h4 {
color: #090909;
font-size: 32px;
font-weight: 700;
line-height: 33px;
text-align: center;
margin: 0px;
margin-bottom: 40px;
font-family: 'Roboto', sans-serif;
}
.lp-marketing_content-plan-row-background:nth-child(2n) {
background-color: #FFF3EB;
}
.lp-marketing_content-plan-row-background {
background-color: #FFE3D1;
}
.lp-marketing_content-plan-row {
padding: 32px 16px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 32px;
}
.lp-marketing_content-plan-row .lp-marketing_content-plan-row-img {
width: 100%;
height: auto;
margin: auto;
max-width: 500px;
}
.lp-marketing_content-plan-row-text b.lp-marketing-h2 {
color: #272727;
font-size: 40px;
font-weight: 900;
line-height: 48px;
margin: 0px;
}
.lp-marketing_content-plan-row-text p {
color: #272727;
font-size: 16px;
font-weight: 400;
line-height: 24px;
margin-top: 24px;
}
.lp-marketing_content-plan-row-text b {
color: #272727;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-top: 14px;
display: block;
}
.lp-marketing_content-plan-row-text-icons {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
flex-wrap: wrap;
gap: 32px;
margin: 16px 0px 32px 0px;
}
.lp-marketing_content-plan-row-text-icons img {
width: 48px;
margin: 0px;
}
.lp-marketing_content-yourPlan {
background-color: #090909;
padding: 32px 0px;
}
.lp-marketing_content-yourPlan-block {
display: flex;
flex-direction: column;
gap: 8px;
}
.lp-marketing_content-yourPlan-block h2 {
color: #FFFFFF;
font-size: 40px;
font-weight: 300;
line-height: 52px;
margin: 0px;
}
.lp-marketing_content-yourPlan-block p {
color: #FFFFFF;
font-size: 16px;
font-weight: 300;
line-height: 24px;
}
.lp-marketing_content-yourPlan img {
width: 100%;
margin: 0px auto;
max-width: 500px;
display: block;
}
.lp-marketing_content-coffee {
background-color: #F58B47;
border-radius: 24px;
padding: 32px 16px;
margin: 40px auto 80px auto;
}
.lp-marketing_content-coffee h3 {
color: #FFFFFF;
font-size: 34px;
font-weight: 700;
line-height: 30px;
margin: 0px;
display: flex;
justify-content: center;
align-items: center;
}
.lp-marketing_content-coffee h3 img {
width: 75px;
height: auto;
padding-left: 16px;
}
.lp-marketing_content-coffee p {
color: #FFFFFF;
font-size: 20px;
font-weight: 300;
line-height: 30px;
text-align: center;
padding: 21px 0px 24px;
} .footer-lp-marketing_content {
position: relative;
z-index: 9999;
background-color: #FFFFFF;
}
.footer-lp-marketing_content p, .footer-lp-marketing_content a {
color: #272727;
font-size: 17px;
font-weight: 300;
line-height: 30px;
}
.footer-lp-marketing_content-grid {
padding: 24px 0px 24px;
border-top: 1px solid #DFDFDF;
}
.footer-lp-marketing_content-block span {
display: flex;
gap: 16px;
padding: 5px 0px 7px;
}
@media(min-width: 800px) { .header-lp-marketing_content {
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 81px;
gap: 35px;
}
.header-lp-marketing_content img {
width: 160px;
}
.header-lp-marketing_content-slogan {
flex-direction: row;
align-items: center;
gap: 24px;
}
.header-lp-marketing_content-slogan img.slogan1 {
width: 100%;
max-width: 560px;
min-width: 1px;
}
.header-lp-marketing_content-slogan img.slogan2 {
width: 100%;
max-width: 100px;
}
.banner-lp-marketing {
margin-top: 81px;
}
}
@media(min-width: 1024px) {
.lp-content-center {
padding: 0px 40px;
}
.lp-marketing_content-button-services {
max-width: 352px;
margin-right: auto;
transition: ease all .3s;
}
.lp-marketing_content-button-services:hover {
background-color: #F58B47;
color: #FFFFFF;
}
.lp-marketing_content-button-learnMore.banner {
max-width: 482px;
}
.lp-marketing_content-button-learnMore {
max-width: 392px;
margin-right: auto;
transition: ease all .3s;
}
.lp-marketing_content-button-learnMore:hover {
background-color: #F58B47;
}
.lp-marketing_content-button-whatsapp {
max-width: 226px;
margin: 0px auto;
transition: ease all .3s;
}
.lp-marketing_content-button-whatsapp:hover {
background-color: #128C7E;
} .banner-lp-marketing_content {
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 45px 40px;
max-width: 1250px;
margin: 0px auto;
}
.banner-lp-marketing_content img {
max-width: 610px;
}
.banner-lp-marketing_content-block {
max-width: 578px;
}
.banner-lp-marketing_content-block p {
font-size: 56px;
line-height: 67px;
}
.banner-lp-marketing_content-block span {
font-size: 34px;
line-height: 40px;
}
.lp-marketing_content-solution-block {
border-radius: 32px;
padding: 40px;
margin: 56px auto 72px;
max-width: 1250px;
}
.lp-marketing_content-solution-block h1 {
font-size: 56px;
line-height: 67px;
}
.lp-marketing_content-solution-block p {
font-size: 20px;
line-height: 30px;
}
.lp-marketing_content-solution-block b {
font-size: 34px;
line-height: 40px;
margin-top: 48px;
}
.lp-marketing_content-solution-block-grid {
margin-top: 48px;
}
.lp-marketing_content-solution-block-grid div {
width: 156px;
}
.lp-marketing_content-solution-block-grid div p {
font-size: 18px;
}
.lp-marketing_content-plan-row {
padding: 56px 40px;
flex-direction: row-reverse;
justify-content: space-between;
max-width: 1475px;
}
.lp-marketing_content-plan h4 {
font-size: 56px;
line-height: 67px;
margin-bottom: 56px;
}
.lp-marketing_content-plan-row-background:nth-child(2n) .lp-marketing_content-plan-row {
flex-direction: row;
}
.lp-marketing_content-plan-row-background:nth-child(2n) .lp-marketing_content-plan-row .lp-marketing_content-plan-row-img {
margin-left: 0px;
margin-right: auto;
}
.lp-marketing_content-plan-row .lp-marketing_content-plan-row-img {
margin-left: auto;
margin-right: 0px;
min-width: 410px;
} 
.lp-marketing_content-plan-row-text {
max-width: 738px;
}
.lp-marketing_content-plan-row-text p {
font-size: 20px;
line-height: 30px;
}
.lp-marketing_content-plan-row-text b {
font-size: 20px;
line-height: 30px;
}
.lp-marketing_content-yourPlan {
padding: 42px 0px;
}
.lp-marketing_content-yourPlan-grid {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
max-width: 1346px;
}
.lp-marketing_content-yourPlan-block {
max-width: 648px;
}
.lp-marketing_content-yourPlan-block h2 {
font-size: 56px;
line-height: 67px;
}
.lp-marketing_content-yourPlan-block p {
font-size: 20px;
line-height: 30px;
}
.lp-marketing_content-yourPlan img {
width: 100%;
margin: 0px;
margin-left: auto;
max-width: 610px;
min-width: 300px;
}
.lp-marketing_content-coffee {
border-radius: 32px;
padding: 40px 20px;
margin: 56px auto 100px auto;
max-width: 1466;
}
.lp-marketing_content-coffee p {
max-width: 738px;
margin: 0px auto;
}
.lp-marketing_content-coffee h3 img {
width: 46px;
} .footer-lp-marketing_content-grid {
padding-bottom: 24px;
display: flex;
justify-content: space-between;
align-items: baseline;
max-width: 1506px;
margin: 0px auto;
}
.footer-lp-marketing_content-block {
display: flex;
gap: 32px;
}
.footer-lp-marketing_content-block span {
gap: 32px;
padding: 0px;
}
}