@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap"); 
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
}
* {
padding: 0;
margin: 0;
vertical-align: baseline;
list-style: none;
border: 0;
box-sizing: border-box;
font-size: inherit;
}
@media (min-width: 1400px) {
.container {
max-width: 1280px !important;
}
}
.container {
width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.section__header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
transition: 0.3s ease all;
background: #cbdbdb;
}
.section__header.background-white .hamburguer .line {
background: black;
}
.section__header .hamburguer {
display: flex;
flex-direction: column;
gap: 5px;
width: 40px;
align-items: center;
justify-content: center;
cursor: pointer;
}
.section__header .hamburguer .line {
width: 100%;
height: 4px;
background: white;
}
.section__header .menu ul,
.section__header .menu-principal ul {
margin: 0;
display: flex;
flex-direction: column;
gap: 10px;
text-align: center;
}
.section__header .container {
padding: 24px 15px;
display: flex;
justify-content: space-between;
transition: 0.3s ease all;
position: relative;
align-items: center;
}
.section__header .container .logo img {
max-width: 65px;
}
.section__header .flex-container {
display: flex;
flex: 1;
gap: 35px;
align-items: center;
}
.section__header.scrolled {
background: #cbdbdb;
}
.section__header.scrolled .container {
padding: 10px 15px;
}
.section__header nav {
display: none;
height: 0;
gap: 40px;
}
.section__header nav a {
padding: 10px;
color: #0f172a;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; letter-spacing: 0.5px;
transition: 0.3s ease all;
}
.section__header nav a:hover {
opacity: 0.8;
text-decoration: none;
}
.section__header nav a.btn {
display: flex;
padding: 0px;
align-items: center;
justify-content: center;
color: #fff;
background: #509e53;
position: relative;
padding: 16px;
border-radius: 30px;
gap: 10px;
}
.section__header nav a.btn span {
height: 24px;
width: 24px;
display: inline-block;
}
.section__header .button-mobile {
display: flex;
}
.section__header .button-desktop {
display: none;
}
.section__header.active {
width: 100%;
}
.section__header.active .flex-container {
flex-direction: column;
}
.section__header.active .container {
flex-direction: column;
padding: 24px 16px;
}
.section__header.active .shop {
display: none;
}
.section__header.active .logo {
text-align: center;
}
.section__header.active nav {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 50px;
height: 100%;
}
.section__header.active .hamburguer {
position: absolute;
top: 45px;
right: 20px;
}
@media (min-width: 1200px) {
.section__header .flex-container {
padding-right: 30px;
justify-content: space-between;
}
.section__header .button-mobile {
display: none;
}
.section__header .button-desktop {
display: flex;
}
.section__header .menu ul,
.section__header .menu-principal ul {
margin: 0;
display: flex;
flex-direction: row;
gap: 10px;
text-align: left;
}
.section__header .menu ul .menu-item-has-children,
.section__header .menu-principal ul .menu-item-has-children {
position: relative;
}
.section__header .menu ul .menu-item-has-children > a,
.section__header .menu-principal ul .menu-item-has-children > a {
cursor: auto;
}
.section__header .menu ul .menu-item-has-children:hover .sub-menu,
.section__header .menu-principal ul .menu-item-has-children:hover .sub-menu {
display: block;
}
.section__header .menu ul .menu-item-has-children .sub-menu,
.section__header .menu-principal ul .menu-item-has-children .sub-menu {
top: 30px;
left: 0;
position: absolute;
display: none;
transform: translate(-33%, 0px);
border-radius: 10px;
overflow: hidden;
width: 250px;
padding-top: 20px;
}
.section__header .menu ul .menu-item-has-children .sub-menu li,
.section__header .menu-principal ul .menu-item-has-children .sub-menu li {
background-color: #bdc2c2;
}
.section__header .menu ul .menu-item-has-children .sub-menu li:hover,
.section__header .menu-principal ul .menu-item-has-children .sub-menu li:hover {
background-color: #cdd1d1;
}
.section__header .menu ul .menu-item-has-children .sub-menu li:first-child,
.section__header .menu-principal ul .menu-item-has-children .sub-menu li:first-child {
border-radius: 10px 10px 0px 0px;
}
.section__header .menu ul .menu-item-has-children .sub-menu li a,
.section__header .menu-principal ul .menu-item-has-children .sub-menu li a {
padding: 10px;
display: block;
}
.section__header .menu ul .menu-item-has-children .sub-menu:before,
.section__header .menu-principal ul .menu-item-has-children .sub-menu:before {
position: absolute;
transform: translate(-50%, -100%);
left: 50%;
content: "";
display: block;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #bdc2c2;
}
.section__header .hamburguer {
display: none;
}
.section__header nav {
height: 100%;
display: flex;
align-items: center;
flex-direction: row;
gap: 16px;
}
.section__header nav a {
padding: 12px 8px;
font-size: 14px;
}
.section__header.active {
width: 100%;
background: transparent;
}
.section__header.active nav {
margin-top: 0;
height: 100%;
display: flex;
align-items: center;
flex-direction: row;
}
.section__header.active .container {
flex-direction: row;
}
}
@media (min-width: 1400px) {
.section__header nav a {
padding: 12px 8px;
font-size: 16px;
}
}
.section__footer {
background: #3697CE;
padding: 38px 0px;
}
.section__footer .container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap: 20px;
}
.section__footer .container nav {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.section__footer .container nav a {
color: #FFF;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
.section__footer .container .redes-sociais {
display: flex;
gap: 20px;
}
@media (min-width: 767px) {
.section__footer {
background: #3697CE;
}
.section__footer .container {
flex-direction: row;
}
.section__footer .container nav {
flex-direction: row;
}
}
.section__how-we-work {
padding: 10px 0px 0px;
position: relative;
background: #cbdbdb;
}
.section__how-we-work .block-carrossel {
overflow: hidden;
}
.section__how-we-work .decoration-behide {
position: absolute;
bottom: -300px;
width: 100%;
left: 0;
overflow: hidden;
}
.section__how-we-work .decoration-behide svg {
width: 100%;
height: 50vh;
min-height: 600px;
min-width: 800px;
flex-shrink: 0;
}
.section__how-we-work .container {
position: relative;
z-index: 1;
}
.section__how-we-work .title {
margin-top: 10px;
color: #535353;
font-family: "Montserrat";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%;
}
.section__how-we-work .title span {
color: #3697ce;
}
@media (min-width: 768px) {
.section__how-we-work .carrossel {
min-height: 473px;
}
}
.section__how-we-work .carrossel .custom-prev,
.section__how-we-work .carrossel .custom-next {
background-color: rgba(255, 255, 255, 0.8);
border: none;
width: 50px;
height: 50px;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
border-radius: 50%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
}
.section__how-we-work .carrossel .custom-prev:hover,
.section__how-we-work .carrossel .custom-next:hover {
background-color: rgb(255, 255, 255);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
.section__how-we-work .carrossel .custom-prev:focus,
.section__how-we-work .carrossel .custom-next:focus {
outline: none;
}
.section__how-we-work .carrossel .custom-prev span,
.section__how-we-work .carrossel .custom-next span {
display: inline-block;
border: solid #ff0000;
border-width: 0 4px 4px 0;
padding: 8px;
position: absolute;
top: 50%;
left: 50%;
transition: border-color 0.3s ease;
}
.section__how-we-work .carrossel .custom-prev:hover span,
.section__how-we-work .carrossel .custom-next:hover span {
border-color: #cc0000;
}
.section__how-we-work .carrossel .custom-prev.slick-disabled,
.section__how-we-work .carrossel .custom-next.slick-disabled {
opacity: 0;
pointer-events: none;
}
.section__how-we-work .carrossel .custom-prev {
left: -25px;
}
.section__how-we-work .carrossel .custom-prev span {
transform: translate(-25%, -50%) rotate(135deg);
}
.section__how-we-work .carrossel .custom-next {
right: -25px;
}
.section__how-we-work .carrossel .custom-next span {
transform: translate(-75%, -50%) rotate(-45deg);
}
@media (max-width: 768px) {
.section__how-we-work .carrossel .custom-prev,
.section__how-we-work .carrossel .custom-next {
width: 30px;
height: 30px;
}
.section__how-we-work .carrossel .custom-prev {
left: -14px;
}
.section__how-we-work .carrossel .custom-next {
right: 100px;
}
.section__how-we-work .carrossel .custom-prev span,
.section__how-we-work .carrossel .custom-next span {
border-width: 0 3px 3px 0;
padding: 5px;
}
}
.section__how-we-work .carrossel .slick-track {
display: flex !important;
}
.section__how-we-work .carrossel .slick-slide {
height: inherit !important;
}
.section__how-we-work .carrossel .slick-list {
overflow: visible;
}
.section__how-we-work .carrossel .item {
width: 100%;
cursor: grab;
}
.section__how-we-work .carrossel .item .box:hover .box-item, .section__how-we-work .carrossel .item .box:active .box-item {
transform: rotateY(180deg);
}
.section__how-we-work .carrossel .item .box {
background-color: transparent;
width: 100%;
height: 100%;
perspective: 1000px;
padding: 40px 13px;
}
.section__how-we-work .carrossel .item .box .box-item {
height: 100%;
width: 100%;
position: relative;
transition: transform 2s;
transform-style: preserve-3d;
}
.section__how-we-work .carrossel .item:nth-child(2n) .card-front {
display: flex;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 64px;
}
.section__how-we-work .card-back,
.section__how-we-work .card-front {
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
border-radius: 16px;
overflow: hidden;
}
.section__how-we-work .card-front {
position: absolute;
overflow: hidden;
padding: 20px;
}
.section__how-we-work .card-front .card-front-title {
color: #fff;
font-family: "Montserrat";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 140%;
margin-top: 64px;
margin-bottom: 0px;
}
@media (min-width: 767px) {
.section__how-we-work .card-front .card-front-title {
font-size: 28px;
}
}
.section__how-we-work .card-back {
transform: rotateY(180deg);
background: white;
}
.section__how-we-work .card-back .card-decoration {
background: #ff5f00;
height: 52px;
border-radius: 16px 16px 0 0;
}
.section__how-we-work .card-back .card-content {
display: flex;
flex-direction: column;
height: calc(100% - 52px);
padding: 20px;
border-radius: 0 0 16px 16px;
}
.section__how-we-work .card-back .card-content .card-title {
color: #0f172a;
font-family: "Montserrat";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 180%;
margin-bottom: 24px; }
.section__how-we-work .card-back .card-content .card-description p {
color: #0f172a;
font-family: "Montserrat";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 180%; }
@media (min-width: 767px) {
.section__how-we-work {
padding: 64px 0px 24px;
}
.section__how-we-work .decoration-behide {
bottom: -300px;
}
.section__how-we-work .decoration-behide svg {
height: 400px;
}
}
@media (min-width: 1200px) {
.section__how-we-work .decoration-behide {
bottom: -300px;
}
.section__how-we-work .decoration-behide svg {
height: 400px;
}
}
@media (min-width: 1900px) {
.section__how-we-work .decoration-behide {
bottom: -300px;
}
.section__how-we-work .decoration-behide svg {
height: 500px;
width: 100%;
}
}
.banner_consult {
padding: 80px 15px;
position: relative;
}
.banner_consult.detail::before {
content: "";
background: url(//catividade.com.br/wp-content/themes/blank/dist/c12b209b3d7161c9e8ee.webp) no-repeat center;
position: absolute;
z-index: -1;
right: 0;
top: -43px;
height: 530px;
width: 788px;
transform: translate(0%, 0px);
}
.banner_consult .banner {
max-width: 1347px;
margin: 0 auto;
padding: 20px 40px;
border-radius: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-direction: column;
}
@media (min-width: 767px) {
.banner_consult .banner {
flex-direction: row;
}
}
.banner_consult .banner p {
font-size: 32px;
line-height: 1.2;
font-weight: bold;
color: white;
margin-top: 10px;
}
@media (min-width: 767px) {
.banner_consult .banner p {
font-size: 48px;
}
}
.banner_consult .banner .btn {
width: 270px;
}
@media (max-width: 767px) {
.banner_consult .banner .btn {
margin-top: 32px;
}
}
.section__accordion-questions {
padding: 80px 0px;
}
.section__accordion-questions .title {
color: #0F172A;
text-align: center;
font-family: "Montserrat";
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: 110%;
margin-bottom: 80px;
}
.section__accordion-questions .accordion .accordion-item {
border-top: 1px solid #E2E8F0;
padding: 32px 0px;
}
.section__accordion-questions .accordion .accordion-item .accordion-header {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
cursor: pointer;
}
.section__accordion-questions .accordion .accordion-item .accordion-header h5 {
color: #0F172A;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
width: 100%;
max-width: 100%;
}
.section__accordion-questions .accordion .accordion-item .accordion-header svg {
flex: 1;
}
.section__accordion-questions .accordion .accordion-item .content {
color: #0F172A;
font-family: "Montserrat";
font-size: "18px";
font-style: normal;
font-weight: 400;
line-height: 160%;
padding-top: 16px;
}
@media (min-width: 767px) {
.section__accordion-questions {
padding: 80px 0px;
}
.section__accordion-questions .title {
font-size: 40px;
}
.section__accordion-questions .accordion .accordion-item .accordion-header h5 {
font-size: 24px;
}
}
@media (min-width: 1200px) {
.section__accordion-questions .title {
font-size: 56px;
}
}
.hero {
background: #CBDBDB;
padding: 120px 0px 0px 0px;
position: relative;
z-index: 1;
}
.hero .imagem-absolute {
position: absolute;
right: 0;
width: 70%;
max-width: 590px;
display: none;
}
.hero .container {
display: flex;
flex-direction: column;
gap: 50px 0px;
}
.hero .container .item {
flex: 1;
}
.hero .main-title {
color: #3697CE;
font-family: "Montserrat";
font-size: 42px;
font-style: normal;
font-weight: 800;
line-height: 100%;
letter-spacing: 0.5px;
margin-bottom: 12px;
}
.hero .subtitle {
color: #535353;
font-family: "Montserrat";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 110%;
margin-bottom: 12px; }
.hero .item-image {
position: relative;
display: flex;
justify-content: flex-end;
height: inherit;
}
.hero .item-image img {
display: none;
position: absolute;
top: 0;
left: 0%;
max-height: 100%;
}
.hero .relative {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
padding-bottom: 20px;
}
.hero .box-white {
font-size: 16px;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.07), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
color: #0F172A;
padding: 12px 16px;
width: 100%;
max-width: 342px;
margin-left: auto;
}
.hero .box-blue {
font-size: 16px;
border-radius: 15px 15px 3px 15px;
color: white;
background: #3697CE;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.07), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
padding: 12px 16px;
width: 100%;
max-width: 216px;
margin: 16px 0px 45px auto; }
.hero .box-white,
.hero .box-blue,
.hero .talk-us {
font-family: "Montserrat";
font-style: normal;
font-weight: 400;
line-height: 140%;
}
.hero .talk-us {
color: white;
gap: 12px;
display: flex;
width: 261px;
height: 50px;
padding: 12px;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 8px;
background: #53AB79;
margin-left: auto;
transition: 0.3s ease all;
}
.hero .talk-us:hover {
background: #488c65;
text-decoration: none;
}
.hero .form p {
color: #000;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 20px;
}
.hero .form .input-item {
width: 100%;
}
.hero .form input {
width: 100%;
height: 48px;
padding: 12px 16px;
flex-shrink: 0;
border-radius: 8px;
}
.hero .form .email {
position: relative;
}
.hero .form .email input {
padding-left: 46px;
}
.hero .form .icon {
position: absolute;
top: 12px;
left: 12px;
}
.hero .button-default {
height: 48px;
}
.hero .box-grid {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 16px;
}
.hero .box-grid .input-item:nth-child(1) {
flex: 1;
}
.hero .box-grid .input-item:nth-child(2) {
width: 100%;
flex: 1;
}
@media (min-width: 567px) {
.hero .item-image {
justify-content: start;
}
}
@media (min-width: 767px) {
.hero {
padding: 156px 0px 0px 0px;
}
.hero .main-title {
font-size: 70px;
}
.hero .subtitle {
font-size: 40px;
}
.hero .box-white, .hero .box-blue {
font-size: 18px;
}
.hero .form p {
font-size: 24px;
}
}
@media (min-width: 992px) {
.hero {
background: #CBDBDB;
}
.hero .imagem-absolute {
top: 80px;
width: 40%;
max-width: 590px;
display: block;
}
.hero .container {
display: flex;
flex-direction: row;
}
.hero .container .item {
flex: 1;
gap: 50px 0px;
}
.hero .item-image .relative {
margin-left: 64px;
}
.hero .item-image img {
height: 100%;
left: 10%;
}
.hero .form .box-grid {
display: flex;
gap: 24px;
margin-top: 24px;
flex-direction: row;
}
.hero .form .box-grid .input-item:nth-child(1) {
flex: 1;
}
.hero .form .box-grid .input-item:nth-child(2) {
width: 224px;
}
}
.section__hero-down .block-features {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
max-width: 1057px;
margin: 0 auto;
margin-bottom: 50px;
width: 100%;
}
.section__hero-down .block-features .card {
background-color: transparent;
perspective: 1000px;
flex: auto;
width: 100%;
cursor: grab;
border: none;
max-width: 330px;
height: 170px;
}
.section__hero-down .block-features .card .card-inner {
position: relative;
width: 100%;
height: 100%;
transition: transform 2s;
transform-style: preserve-3d;
}
.section__hero-down .block-features .card:hover .card-inner {
transform: rotateY(180deg);
}
.section__hero-down .block-features .card .card-front,
.section__hero-down .block-features .card .card-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
border-radius: 16px;
overflow: hidden;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1), 0px 10px 15px rgba(0, 0, 0, 0.1);
}
.section__hero-down .block-features .card .card-front {
display: flex;
align-items: center;
justify-content: left;
padding: 20px;
}
.section__hero-down .block-features .card .card-front p {
color: #fff;
font-family: "Montserrat";
font-size: 20px;
font-weight: 700;
line-height: 1.2;
}
.section__hero-down .block-features .card .card-back {
transform: rotateY(180deg);
background-color: #fff;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.section__hero-down .block-features .card .card-back .card-content {
padding: 20px;
}
.section__hero-down .block-features .card .card-back .card-content .card-title {
color: #fff;
font-family: "Montserrat";
font-size: 16px;
font-weight: 700;
text-align: start;
margin: 0;
}
@media (min-width: 992px) {
.section__hero-down .block-features {
flex-direction: row;
}
}
@media (min-width: 1200px) {
.section__hero-down .block-features {
gap: 32px;
}
.section__hero-down .block-features .card {
height: 150px;
}
}
.carrossel-partners {
background: white;
margin-top: 80px;
height: 100px;
opacity: 0;
}
@media (max-width: 767px) {
.carrossel-partners {
background: white;
margin-top: 40px;
margin-bottom: 20px;
}
}
.carrossel-partners .item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100px;
}
.carrossel-partners .item img {
object-fit: contain;
max-height: 80px;
width: auto;
max-width: 90%;
}
.section__featured-actions {
padding-bottom: 50px;
}
.section__featured-actions .title {
color: white;
font-family: "Montserrat";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%;
margin-bottom: 40px;
}
.section__featured-actions a {
cursor: pointer;
}
.section__featured-actions .item {
border-radius: 10px;
overflow: hidden;
}
.section__featured-actions .item img {
height: auto;
}
.section__featured-actions .block-actions {
display: flex;
flex-wrap: wrap;
gap: 24px;
}
.section__featured-actions .container {
position: relative;
z-index: 1;
}
@media (min-width: 767px) {
.section__featured-actions {
padding: 0px 0px 64px;
}
.section__featured-actions .title {
font-size: 40px;
}
.section__featured-actions .block-actions {
gap: 63px 4%;
}
.section__featured-actions .block-actions .item {
width: 48%;
}
.section__featured-actions .block-actions .item:last-child {
width: 100%;
}
}
.section__our-differences {
background: #FF5F00;
padding: 50px 0px;
}
.section__our-differences .title {
color: white;
text-align: center;
font-family: "Montserrat";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 64px;
}
.section__our-differences .title span {
color: #FFDA43;
}
.section__our-differences .block__differences {
display: grid;
grid-template-columns: 1fr;
gap: 24px 24px;
margin: 40px 0px;
}
.section__our-differences .block__differences .item {
padding: 24px;
border-radius: 10px;
border-radius: 10px;
border: 5px solid #FFF;
background: #FFF;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.07), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
transition: 0.5s ease all;
display: flex;
align-items: center;
justify-content: center;
height: 200px;
}
.section__our-differences .block__differences .item:hover {
background: transparent;
}
.section__our-differences .block__differences .item:hover .text p {
color: #FFF;
margin: 0px;
}
.section__our-differences .block__differences .item:hover .icon path {
stroke: #FFF;
}
.section__our-differences .block__differences .item .icon {
height: 64px;
width: 64px;
margin: 0px auto 16px auto;
}
.section__our-differences .block__differences .item .text p {
color: #FF5F00;
text-align: center;
font-family: "Montserrat";
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%;
margin: 0px; }
.section__our-differences .button-default {
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
text-decoration: none;
}
@media (min-width: 767px) {
.section__our-differences {
padding: 64px 0px;
}
.section__our-differences .title {
font-size: 40px;
}
.section__our-differences .block__differences {
grid-template-columns: 1fr 1fr 1fr;
gap: 64px 24px;
}
.section__our-differences .block__differences .item {
padding: 32px;
}
.section__our-differences .block__differences .item .text p {
font-size: 18px; }
}
@media (min-width: 1200px) {
.section__our-differences .title {
font-size: 40px;
}
.section__our-differences .block__differences {
grid-template-columns: 1fr 1fr 1fr;
gap: 64px 24px;
}
.section__our-differences .block__differences .item {
padding: 32px;
}
.section__our-differences .block__differences .item .text p {
font-size: 24px; }
}
.section__form {
padding-top: 50px;
}
.section__form .block-form {
display: flex;
flex-direction: column;
align-items: center;
padding: 40px;
gap: 40px;
background: black;
border-radius: 30px;
}
.section__form .block-form .item {
width: 100%;
flex: 1;
}
.section__form .block-form .input-row {
margin-bottom: 20px;
}
.section__form .block-form .title {
color: #FFF;
font-family: "Montserrat";
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 110%;
margin-bottom: 24px; }
.section__form .block-form .wpcf7-response-output {
color: white;
background: rgba(0, 0, 0, 0.6);
}
.section__form .block-form .text p {
color: #FFF;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%; }
.section__form .block-form .text p:last-child {
margin-bottom: 0px;
}
.section__form .block-form form .block-inputs {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 24px;
}
.section__form .block-form form input {
display: flex;
width: 100%;
height: 48px;
padding: 12px 16px;
align-items: center;
flex: 1 0 0;
border-radius: 8px;
border: 1px solid #CBD5E1;
background: #FFF;
color: #475569;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}
@media (min-width: 767px) {
.section__form {
padding-top: 64px;
}
.section__form .block-form {
flex-direction: row;
padding: 80px;
gap: 80px;
}
.section__form .block-form .title {
font-size: 36px;
}
.section__form .block-form .text p {
font-size: 18px;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
.section__form {
padding-top: 64px;
}
.section__form .block-form {
flex-direction: column;
padding: 80px;
gap: 80px;
}
.section__form .block-form .title {
font-size: 36px;
}
.section__form .block-form .text p {
font-size: 18px;
}
}
.section__know-our-costumers {
padding: 64px 0px;
}
.section__know-our-costumers .title {
color: #1e1e1e;
text-align: center;
font-family: "Montserrat";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 64px;
}
.section__know-our-costumers .title span {
color: #3697ce;
}
.section__know-our-costumers .title-item {
color: #000;
font-family: "Montserrat";
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 24px;
}
.section__know-our-costumers .logo {
margin-bottom: 24px;
}
.section__know-our-costumers p {
color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 24px; }
.section__know-our-costumers h5 {
color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 0; }
.section__know-our-costumers ul {
list-style: disc;
padding-left: 24px;
color: #18191b;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 0; }
.section__know-our-costumers ul li {
list-style: disc;
}
.section__know-our-costumers ul li::marker {
font-size: 0.6rem;
}
.section__know-our-costumers .projects {
display: flex;
flex-direction: column;
gap: 80px 0px;
}
.section__know-our-costumers .block-projects {
display: flex;
align-items: center;
gap: 40px 50px;
flex-direction: column-reverse;
}
.section__know-our-costumers .block-projects .item {
flex: 1;
width: 100%;
}
.section__know-our-costumers .block-projects .item.item-images {
display: flex;
gap: 16px;
}
.section__know-our-costumers .block-projects .item.item-images .image {
flex: 1;
height: 220px;
border-radius: 20px;
overflow: hidden;
}
.section__know-our-costumers .block-projects .item.item-images .image img {
height: 100%;
width: 100%;
object-fit: cover;
}
.section__know-our-costumers .block-projects .item.item-images .image:nth-child(2) {
margin-top: 40px;
}
@media (min-width: 767px) {
.section__know-our-costumers .title {
font-size: 40px;
}
.section__know-our-costumers .projects {
gap: 160px 0px;
}
.section__know-our-costumers .block-projects {
display: flex;
gap: 80px 80px;
flex-direction: row;
}
.section__know-our-costumers .block-projects:nth-child(2n) {
flex-direction: row-reverse;
}
.section__know-our-costumers .block-projects .item.item-images .image {
flex: 1;
height: 292px;
}
}
.section__our-costumers {
padding: 50px 0px;
}
.section__our-costumers .title {
color: #1E1E1E;
text-align: center;
font-family: "Montserrat";
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; margin-bottom: 64px;
}
.section__our-costumers .title span {
color: #3697CE;
}
.section__our-costumers .block-costumers {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 2%;
}
.section__our-costumers .block-costumers .item {
height: 70px;
width: 32%;
margin-bottom: 2%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.section__our-costumers .block-costumers .item img {
max-width: 100%;
max-height: 100%;
}
@media (min-width: 767px) {
.section__our-costumers {
padding: 64px 0px;
}
.section__our-costumers .title {
font-size: 40px;
}
.section__our-costumers .block-costumers {
gap: 2%;
}
.section__our-costumers .block-costumers .item {
width: 23%;
margin-bottom: 2%;
}
}
@media (min-width: 1200px) {
.section__our-costumers .block-costumers {
gap: 2%;
}
.section__our-costumers .block-costumers .item {
width: 14%;
margin-bottom: 2%;
}
}
.section__our-services {
padding: 50px 0px;
}
.section__our-services .title {
color: #1e1e1e;
text-align: center;
font-family: "Montserrat";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 130%;
margin-bottom: 64px;
}
.section__our-services .title span {
color: #3697ce;
}
.section__our-services .block-services {
display: flex;
flex-wrap: wrap;
gap: 24px;
align-content: center;
justify-content: center;
}
.section__our-services .block-services .clear {
width: 100%;
height: 30px;
display: none;
}
.section__our-services .block-services .item {
width: calc(50% - 12px);
}
.section__our-services .block-services .item .image {
height: 80px;
width: 100%;
margin-bottom: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.section__our-services .block-services .item .text {
color: #000;
text-align: center;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 130%; }
.section__our-services .btn {
display: flex;
max-width: 100%;
margin: 80px auto 0px;
}
@media (min-width: 767px) {
.section__our-services {
padding: 104px 0px 44px 0px;
}
.section__our-services .title {
font-size: 40px;
}
.section__our-services .block-services {
align-content: center;
justify-content: center;
}
.section__our-services .block-services .item {
max-width: 165px;
}
}
@media (min-width: 1200px) {
.section__our-services .block-services .clear {
display: block;
}
}
.section__how-work-catividade {
background: #ff5f00;
padding: 50px 0px;
overflow: hidden;
}
.section__how-work-catividade .title-small {
color: #fff;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 110%; }
.section__how-work-catividade .title-big {
color: white;
text-align: center;
font-family: "Montserrat", sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 800;
line-height: 110%;
}
.section__how-work-catividade .title-big span {
color: #ffda43;
}
.section__how-work-catividade .how-work-items {
display: flex;
flex-direction: column;
margin: 40px -10px;
}
.section__how-work-catividade .how-work-items .slick-list {
overflow: visible;
}
.section__how-work-catividade .how-work-items .slick-track {
display: flex;
}
.section__how-work-catividade .how-work-items .slick-slide {
height: inherit !important;
}
.section__how-work-catividade .how-work-items .item {
flex: 1;
padding: 10px 10px;
cursor: grab;
}
.section__how-work-catividade .btn {
margin: 0px auto;
display: flex;
}
.section__how-work-catividade .box {
background: white;
border-radius: 10px;
border: 1px solid #e2e8f0;
height: 100%;
background: #fff;
overflow: hidden;
}
.section__how-work-catividade .box .image {
height: 220px;
}
.section__how-work-catividade .box .image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.section__how-work-catividade .box .content {
padding: 16px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100% - 220px);
}
.section__how-work-catividade .box .content .text {
color: #0f172a;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 160%;
margin-bottom: 24px;
}
.section__how-work-catividade .box .content .info .author {
color: #0f172a;
font-family: "Montserrat", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 160%;
}
.section__how-work-catividade .box .content .info .occupation {
color: #475569;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; }
@media (min-width: 767px) {
.section__how-work-catividade {
padding: 80px 0px;
}
.section__how-work-catividade .title-big {
font-size: 40px;
}
.section__how-work-catividade .how-work-items {
display: flex;
flex-direction: row;
}
.section__how-work-catividade .how-work-items .slick-list {
overflow: hidden;
}
.section__how-work-catividade .how-work-items .item {
flex: 1;
}
.section__how-work-catividade .box .content {
padding: 24px;
}
}
@media (min-width: 1200px) {
.section__how-work-catividade .how-work-items {
display: flex;
}
.section__how-work-catividade .how-work-items .item {
cursor: auto;
}
}
.hero-blog {
margin-top: 100px;
height: 180px;
position: relative;
display: flex;
align-items: center;
}
.hero-blog .container {
position: relative;
z-index: 2;
}
.hero-blog .container .title {
font-family: "Montserrat";
font-size: 48px;
font-weight: 800;
line-height: 24px;
letter-spacing: 0.5px;
text-align: left;
text-shadow: 1px 1px 15px white;
}
.search-message {
font-family: "Montserrat";
font-size: 1.6rem;
line-height: 110%;
margin-bottom: 20px;
}
.search-message span {
font-weight: bold;
}
.not_found-post p {
font-family: "Montserrat";
font-weight: 600;
font-size: 2rem;
}
.not_found-post a {
margin-top: 20px;
border-radius: 8px;
background: #ffda43;
padding: 10px;
width: 260px;
color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.5px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease all;
gap: 16px;
text-transform: uppercase;
}
.not_found-post a:hover {
text-decoration: none;
background: #e6c74b;
color: #000;
}
.pagination-blog {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 5px;
}
.pagination-blog .current {
opacity: 1;
}
.pagination-blog span,
.pagination-blog a {
padding: 5px 10px;
border: 1px;
height: 25px;
width: 25px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
border: 1px solid #3695cd;
color: black;
font-weight: bold;
text-decoration: none;
background: #3695cd;
color: white;
opacity: 0.6;
transition: 0.3s ease all;
}
.pagination-blog a:hover {
opacity: 1;
}
.main-blog {
padding: 50px 0px;
}
.main-blog .content-blog {
display: grid;
grid-template-columns: 1fr;
gap: 50px;
}
.block-posts {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
}
.block-posts .permalink {
border-radius: 8px;
background: #ffda43;
padding: 10px;
width: 160px;
color: #000;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%;
letter-spacing: 0.5px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s ease all;
gap: 16px;
text-transform: uppercase;
}
.block-posts .permalink:hover {
text-decoration: none;
background: #e6c74b;
color: #000;
}
.block-posts article {
box-shadow: 0px 1px 20px rgba(202, 202, 202, 0.3607843137);
border-radius: 5px;
overflow: hidden;
}
.block-posts article .content-post-blog {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px 16px;
height: calc(100% - 200px);
}
.block-posts article .tumbnail {
position: relative;
height: 200px;
display: block;
color: white;
text-decoration: none;
}
.block-posts article .tumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.block-posts article .tumbnail .post-date_publish {
background-color: #6fb54d;
width: 100px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 7px;
position: relative;
z-index: 2;
padding: 20px;
display: none;
}
.block-posts article .tumbnail .post-date_publish span {
font-size: 16px;
color: white;
}
.block-posts article .tumbnail .post-date_publish span:nth-child(1) {
text-transform: capitalize;
}
.block-posts article .tumbnail .post-date_publish span:nth-child(2) {
font-size: 28px;
font-weight: 600;
line-height: 28px;
letter-spacing: 0em;
text-align: center;
}
.block-posts article .post-title a {
font-family: "Montserrat";
font-size: 1rem;
font-weight: 600;
line-height: 120%;
letter-spacing: 0em;
text-align: left;
color: #363636;
text-decoration: none;
display: block;
}
.block-posts article .post-tags {
display: flex;
flex-wrap: wrap;
gap: 10px 5px;
margin: 16px 0px;
}
.block-posts article .post-tags li a {
display: block;
background: #d9d9d9;
text-decoration: none;
color: #ef5522;
font-size: 12px;
line-height: 100%;
padding: 3px 10px;
border-radius: 20px;
}
.block-posts article .post-content {
margin: 16px 0px;
}
.block-posts article .post-content p {
font-family: "Montserrat";
font-size: 16px;
line-height: 120%;
font-weight: 300;
letter-spacing: 0.02em;
text-align: left;
margin: 0;
}
@media (min-width: 567px) {
.block-posts {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 768px) {
.pagination-blog span,
.pagination-blog a {
height: 40px;
width: 40px;
font-size: 20px;
}
.hero-blog .container .title {
font-size: 70px;
}
.main-blog .content-blog {
display: grid;
grid-template-columns: 2.5fr 1fr;
gap: 50px;
}
}
@media (min-width: 992px) {
.block-posts {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.main-blog {
padding: 100px 0px;
}
.main-blog .content-blog {
gap: 30px;
}
}
@media (min-width: 1200px) {
.block-posts {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px 20px;
}
.main-blog {
padding: 100px 0px;
}
.main-blog .content-blog {
grid-template-columns: 2.7fr 1fr;
gap: 40px;
}
}
aside .card-side {
margin-bottom: 30px;
}
aside .card-side .head-side {
background: #3695cd;
height: 70px;
display: flex;
gap: 10px;
padding: 0px 20px;
align-items: center;
border-radius: 5px;
line-height: 20px;
margin: 0;
letter-spacing: 1px;
}
aside .card-side .title {
font-weight: 700;
font-family: "Montserrat";
font-size: 1rem;
color: white;
margin: 0;
}
aside .card-side .body-side {
padding-top: 30px;
}
aside .posts {
display: flex;
flex-direction: column;
gap: 24px;
}
aside article {
display: grid;
grid-template-columns: 1fr 1.5fr;
gap: 16px;
align-items: center;
}
aside article .tumbnail img {
max-width: 120px;
border-bottom: 3px solid black;
width: 100%;
height: 81px;
object-fit: cover;
}
aside article .post-title {
height: 50px;
}
aside article .post-title a {
display: block;
font-family: "Montserrat";
font-size: 0.85rem;
line-height: 115%;
font-weight: bold;
color: #21211f;
text-decoration: none;
}
aside article .date {
font-family: "Rota", "Montserrat";
font-size: 12px;
padding-bottom: 5px;
border-bottom: 2px solid black;
color: #3695cd;
text-transform: capitalize;
margin-top: 10px;
font-weight: 500;
}
aside .category {
display: flex;
flex-direction: column;
gap: 24px;
padding: 0px 10px;
}
aside .category a {
display: flex;
justify-content: space-between;
font-size: 1rem;
color: #21211f;
}
aside .category a span {
font-weight: bold;
}
aside .box-tags {
padding: 0px 4px;
display: flex;
flex-wrap: wrap;
gap: 7px;
}
aside .box-tags a {
background: #d9d9d9;
text-decoration: none;
color: #ef5522;
font-size: 16px;
line-height: 100%;
padding: 5px 16px;
border-radius: 20px;
transition: 0.3s ease all;
letter-spacing: 1px;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
}
aside .box-tags a:hover {
background: #3695cd;
}
aside form {
display: flex;
gap: 20px;
width: 100%;
}
aside form input {
background: transparent;
border-bottom: 0.5px solid white;
padding: 3px 5px;
flex: 1;
font-size: 16px;
color: white;
}
aside form input::placeholder {
font-weight: bold;
color: white;
}
aside form button {
background: transparent;
cursor: pointer;
}
.single-blog {
margin-top: 50px;
}
.single-blog .thumbnail img {
width: 100%;
max-height: 450px;
object-fit: cover;
object-position: center;
}
.single-blog p,
.single-blog h1,
.single-blog h2,
.single-blog h3,
.single-blog h4,
.single-blog h5,
.single-blog h6 {
font-family: "Montserrat";
}
.single-blog h2,
.single-blog h3,
.single-blog h4,
.single-blog h5,
.single-blog h6 {
font-size: 1.8rem;
line-height: 110%;
font-weight: bold;
margin-top: 20px;
}
.single-blog .date {
font-size: 12px;
margin: 50px 0px;
text-align: right;
margin-bottom: 20;
}
.single-blog .date span {
font-weight: bold;
display: block;
margin-bottom: 6px;
}
.single-blog .post-title {
font-size: 40px;
line-height: 110%;
font-weight: bold;
margin-top: 30px;
}
.single-blog .post-content p {
font-family: "Montserrat";
font-size: 16px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0.02em;
text-align: left;
margin: 0;
margin-top: 16px;
}
.single-blog .related-post {
margin-bottom: 100px;
}
.single-blog .related-post .related-posts-content {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
.single-blog .related-post .related-posts-content article {
box-shadow: 0px 1px 20px rgba(202, 202, 202, 0.3607843137);
border-radius: 5px;
overflow: hidden;
}
.single-blog .related-post .related-content {
padding: 24px 16px;
}
.single-blog .related-post .related-thumbnail img {
display: block;
height: 200px;
width: 100%;
object-fit: cover;
object-position: center;
}
.single-blog .related-post .title {
font-size: 1.5rem;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 50px;
}
.single-blog .related-post a {
transition: 0.3s ease all;
}
.single-blog .related-post a:hover {
text-decoration: none;
opacity: 0.7;
}
.single-blog .related-post .related-title {
margin-top: 0;
}
.single-blog .related-post .related-title a {
font-family: "Montserrat";
display: block;
font-size: 1rem;
line-height: 120%;
color: #363636;
}
.single-blog .related-post p {
font-family: "Montserrat";
font-size: 16px;
font-weight: 300;
line-height: 22px;
letter-spacing: 0.02em;
text-align: left;
margin: 0;
color: #363636;
margin: 10px 0px;
}
.single-blog .related-post .link {
color: #3695cd;
}
@media (min-width: 568px) {
.single-blog .related-post .related-posts-content {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 768px) {
.single-blog .related-post .related-posts-content {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
} .loader {
width: 50px;
aspect-ratio: 1;
display: grid;
border: 4px solid rgba(0, 0, 0, 0);
border-radius: 50%;
border-color: #ccc rgba(0, 0, 0, 0);
animation: l16 1s infinite linear;
}
.loader::before,
.loader::after {
content: "";
grid-area: 1/1;
margin: 2px;
border: inherit;
border-radius: 50%;
}
.loader::before {
border-color: #f03355 rgba(0, 0, 0, 0);
animation: inherit;
animation-duration: 0.5s;
animation-direction: reverse;
}
.loader::after {
margin: 8px;
}
@keyframes l16 {
100% {
transform: rotate(1turn);
}
}
.section__cards {
position: relative;
}
.section__cards .section__cards-block {
position: relative;
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
.section__cards .card {
padding: 20px 16px;
border-radius: 10px;
border: 1px solid var(--azul-catividade-principal, #3695cd);
background: #fff;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
justify-content: space-between;
}
.section__cards .card-categories {
min-height: 61px;
}
.section__cards .card-categories .items {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 10px;
}
.section__cards .card-categories .items li {
font-family: "Montserrat", sans-serif;
font-size: 12px;
color: #3695cd;
background: #d9d9d9;
padding: 6px 7px;
border-radius: 7px;
font-weight: 500;
}
.section__cards .card-content {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.section__cards .card-img {
position: relative;
margin-top: 18px;
}
.section__cards .card-img .icon-add {
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
}
.section__cards .card-img img {
display: block;
height: auto;
width: 150px;
height: 150px;
margin: auto;
border-radius: 50%;
}
.section__cards .card-title {
margin: 10px 0px;
font-family: "Montserrat";
font-size: 20px;
line-height: 1.2;
color: #000000;
font-weight: bold;
text-align: center;
}
.section__cards .card-button {
margin: 8px 0px;
font-size: 16px;
color: #000000;
line-height: 24px;
padding: 7px 10px;
cursor: pointer;
border-radius: 5px;
width: 100%;
}
.section__cards .card-button-yellow {
background: #ffda43;
transition: 0.3s ease all;
}
.section__cards .card-button-yellow:hover {
background: #ebc734;
}
.section__cards--pagination {
display: flex;
justify-content: center;
}
.section__cards--pagination .ver-mais {
padding: 5px 15px;
border: 1px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
border: 1px solid #3695cd;
color: black;
font-weight: bold;
text-decoration: none;
background: #3695cd;
color: white;
opacity: 0.6;
transition: 0.3s ease all;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;
}
.section__cards--pagination .ver-mais:hover {
opacity: 1;
}
.section__cards .loading {
position: absolute;
top: 0;
left: 0;
height: 101%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
background: white;
}
.section__cards .loading.hidden {
display: none;
}
@media (min-width: 767px) {
.section__cards .section__cards-block {
grid-template-columns: 1fr 1fr;
}
.section__cards--pagination .prev,
.section__cards--pagination .next,
.section__cards--pagination span,
.section__cards--pagination a {
height: 40px;
width: 40px;
font-size: 20px;
}
}
@media (min-width: 967px) {
.section__cards .section__cards-block {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1400px) {
.section__cards .section__cards-block {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.page-product {
padding: 50px 0px;
margin-top: 50px;
}
.page-product .section__how-we-work {
background-color: white !important;
}
.section__solution-product {
margin: 32px 0px 24px 0px;
}
.section__solution-product .title-secundary {
color: #535353;
}
.solution_search {
background: #3695cd;
padding: 16px 24px 16px 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
.solution_search .block-input {
flex: 1;
}
.solution_search .block-input .label {
font-family: "Montserrat";
font-size: 12px;
font-style: normal;
color: white;
line-height: 110%;
margin-bottom: 6px;
display: block;
}
.solution_search--form {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
max-width: 100%;
}
.solution_search--form .row-select {
width: 100%;
max-width: 100%;
flex: 1;
}
.solution_search--form .name {
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
color: white;
line-height: 110%;
user-select: none;
display: block;
margin-bottom: 5px;
font-weight: 500;
}
.solution_search--form select {
background: white;
width: 100%;
padding: 7px 8px;
border: 1px solid #dbdbdb;
border: 4px;
}
.solution_search--form .button {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.solution_search--form .button button {
padding: 7px 8px;
color: white;
margin-top: 20px;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
gap: 16px;
flex-shrink: 0;
background: #ff5f00;
color: white;
transition: 0.3s ease all;
font-weight: 500;
cursor: pointer;
}
.solution_search--form .button button:hover {
background: #f48d4f;
}
@media (min-width: 767px) {
.solution_search--form {
flex-direction: row;
}
.solution_search--form .button {
width: 200px;
}
}
.page-budget {
padding: 120px 0px 70px;
}
.page-budget__title {
color: var(--Gray-Scale-Gray-900, #1a1a1a);
text-align: center;
font-family: Montserrat;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 120%; margin-bottom: 50px;
}
.budget {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
.budget__item {
border-radius: 8px;
border: 1px solid var(--Gray-Scale-Gray-100, #e6e6e6);
}
.budget__item-head {
border-bottom: 1px solid #e6e6e6;
color: var(--Gray-Scale-Gray-500, #808080);
font-family: "Montserrat";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 100%; letter-spacing: 0.42px;
text-transform: uppercase;
padding: 16px 11px;
}
.budget__item-body {
padding: 28px 32px;
}
.budget__item-body .subitem {
display: flex;
gap: 24px;
margin-bottom: 20px;
}
.budget__item-body .subitem:last-child {
margin-bottom: 0;
}
.budget__item-body .subitem img {
display: block;
max-width: 90px;
margin: auto;
border-radius: 50%;
}
.budget__item-body .subitem .info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.budget__item-body .subitem .info .title {
margin: 0px 0px 10px;
font-family: "Montserrat";
font-size: 25px;
line-height: 30px;
color: #000000;
font-weight: bold;
}
.budget__item-body .subitem .info .descript {
overflow: hidden;
color: #000;
text-overflow: ellipsis;
font-family: "Montserrat";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; }
.budget .form .wpcf7-response-output {
color: black;
background: rgba(0, 0, 0, 0.6);
}
.budget .form .field-hidden {
display: none;
}
.budget .form .input-row .error-message p {
margin-top: -36px;
margin-left: 10px;
}
.budget .form label {
color: var(--Gray-Scale-Gray-900, #1a1a1a);
font-family: "Montserrat";
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 150%; width: 100%;
}
.budget .form input,
.budget .form select {
display: flex;
width: 100%;
height: 48px;
padding: 12px 16px;
align-items: center;
flex: 1 0 0;
border-radius: 8px;
border: 1px solid #cbd5e1;
background: #fff;
color: #475569;
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin-top: 5px;
}
.budget .form button {
margin-top: 20px;
display: flex;
width: 100%;
height: 52px;
padding: 16px 40px;
justify-content: center;
align-items: center;
gap: 16px;
flex-shrink: 0;
border-radius: 43px;
background: #ff5f00;
color: white;
transition: 0.3s ease all;
cursor: pointer;
}
.budget .form button:hover {
background: #f48d4f;
}
@media (min-width: 992px) {
.budget {
grid-template-columns: 1fr 1fr;
}
.budget .form .wpcf7-response-output {
color: black;
background: rgba(0, 0, 0, 0.6);
}
.budget .form .inputs-fields {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.budget .form .inputs-fields .input-row {
flex: 1 1 calc(50% - 16px);
margin-bottom: 16px;
}
}
.shop {
margin-right: 10px;
position: relative;
font-family: "Montserrat";
cursor: pointer;
transition: 0.3s ease all;
}
.shop .count {
position: absolute;
top: 2px;
right: 2px;
background: #ef5522;
width: 17px;
height: 17px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: 0.3s ease all;
}
.shop .count span {
font-size: 9px;
color: white;
}
.shop .count.efect_card {
opacity: 0;
}
.shop:hover {
opacity: 0.6;
}
.modal-shop {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
z-index: 10;
opacity: 0;
transition: 0.3s ease all;
display: none;
}
.modal-shop.show {
display: flex;
}
.modal-shop.fade {
opacity: 1;
}
.modal-shop .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
background: black;
opacity: 0.6;
z-index: 0;
}
.modal-shop__card {
background: white;
max-width: 320px;
height: 100vh;
position: relative;
z-index: 1;
position: relative;
padding: 32px 24px;
display: flex;
flex-direction: column;
justify-content: space-between;
transform: translate(100%, 0px);
transition: 0.3s ease-in;
}
.modal-shop__card.show {
transform: translate(0%, 0px);
}
.modal-shop__card--body {
display: flex;
flex-direction: column;
gap: 12px;
}
.modal-shop__card--body--head {
position: relative;
display: flex;
align-items: center;
}
.modal-shop__card--body--head h2 {
flex: 1;
color: var(--Gray-Scale-Gray-900, #1a1a1a);
font-family: "Montserrat";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; }
.modal-shop__card--body--head .close {
height: 45px;
width: 45px;
margin-right: -10px;
}
.modal-shop__card--body--body {
display: flex;
flex-direction: column;
gap: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.modal-shop__card--body--body .subitem {
display: flex;
align-items: center;
gap: 10px;
}
.modal-shop__card--body--body .subitem .img {
width: 60px;
min-width: 60px;
height: auto;
}
.modal-shop__card--body--body .subitem .img img {
max-width: 100%;
border-radius: 50%;
}
.modal-shop__card--body--body .subitem .info {
flex: 1;
}
.modal-shop__card--body--body .subitem .info .title {
color: #000;
font-family: "Montserrat";
font-size: 16px;
padding: 0px 10px;
font-style: normal;
font-weight: 700;
line-height: 160%;
}
.modal-shop__card--body--body .subitem .item-close {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal-shop__card--body--body .subitem .item-close .removeItem {
cursor: pointer;
}
.modal-shop__card--body--body .subitem .item-close .removeItem svg {
width: 20px;
height: 20px;
}
.modal-shop__card--body--body .subitem .item-close .removeItem svg circle {
stroke: #666666;
}
.modal-shop__card--body--body .subitem .item-close .removeItem:hover svg {
width: 20px;
height: 20px;
}
.modal-shop__card--footer .products {
color: var(--Gray-Scale-Gray-900, #1a1a1a);
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin-bottom: 12px;
text-transform: uppercase;
text-align: center;
}
.modal-shop__card--footer .button {
display: flex;
width: 100%;
padding: 16px 40px;
justify-content: center;
align-items: center;
color: var(--Gray-Scale-White, #fff);
font-family: "Montserrat", sans-serif, "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%; border-radius: 43px;
background: var(--azul-catividade-principal, #3695cd);
transition: 0.3s ease all;
cursor: pointer;
}
.modal-shop__card--footer .button:hover {
opacity: 0.8;
}
.cBlack {
color: #1e1e1e;
}
.cWhite {
color: white;
}
.title-secundary {
font-family: "Montserrat";
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 110%;
margin-bottom: 40px;
}
@media (min-width: 767px) {
.title-secundary {
font-size: 40px;
}
}
strong {
font-weight: 700 !important;
}
.pt-0 {
padding-top: 0px;
}
.padding-form {
padding-bottom: 50px;
}
@media (min-width: 767px) {
.padding-form {
padding-bottom: 100px;
}
}
.background-img {
background-image: url(//catividade.com.br/wp-content/themes/blank/dist/e6cc9c16e8f235cd2a59.webp);
background-repeat: repeat;
background-size: cover;
background-position: center;
min-height: 100vh;
}
.page_saude .section_00 {
margin-top: 105px;
padding: 100px 0px;
background-size: cover !important;
}
@media (min-width: 767px) {
.page_saude .section_00 {
padding: 100px 0px 250px;
}
}
.page_saude .section_00 .content {
max-width: 630px;
color: white;
}
.page_saude .section_00 .content .title {
font-weight: 600;
font-size: 36px;
line-height: 1.4;
margin-bottom: 40px;
font-style: italic;
}
@media (min-width: 767px) {
.page_saude .section_00 .content .title {
font-size: 46px;
line-height: 1.4;
}
}
.page_saude .section_00 .content .description {
font-size: 18px;
line-height: 1.4;
font-weight: 500;
}
.page_saude .section_00 .content .description span {
color: #fdcf36;
}
@media (min-width: 767px) {
.page_saude .section_00 .content .description {
font-size: 25px;
line-height: 1.4;
}
}
.page_saude .section_01 {
position: relative;
}
.page_saude .section_01::before {
content: "";
background: url(//catividade.com.br/wp-content/themes/blank/dist/287c0496b3f5def678e0.webp) no-repeat center;
position: absolute;
z-index: 1;
left: 0;
top: -16px;
height: 472px;
width: 217px;
transform: translate(0%, 0px);
}
.page_saude .section_01 .container {
position: relative;
z-index: 1;
}
.page_saude .section_01-container {
display: flex;
flex-direction: column;
gap: 40px;
}
@media (min-width: 767px) {
.page_saude .section_01-container {
flex-direction: row;
gap: 80px;
}
}
.page_saude .section_01-container > div {
flex: 1;
}
.page_saude .section_01-container .title_diferente {
font-size: 28px;
line-height: 1;
font-weight: bold;
color: #363636;
}
.page_saude .section_01-container .title_diferente span {
display: inline-block;
padding: 10px 8px;
background: #3695cd;
border-radius: 10px;
color: white;
margin-top: 10px;
margin-left: -5px;
}
@media (min-width: 767px) {
.page_saude .section_01-container .title_diferente {
font-size: 40px;
}
}
.page_saude .section_01-container .description {
color: #404040;
font-size: 20px;
line-height: 1.5;
margin-top: 24px;
}
.page_saude .section_01-container .form_form {
padding: 40px;
background: white;
border-radius: 20px;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);
margin-top: 50px;
}
@media (min-width: 767px) {
.page_saude .section_01-container .form_form {
margin-top: -160px;
}
}
.page_saude .section_01-container .form_form .input-row {
margin-bottom: 20px;
}
.page_saude .section_01-container .form_form .input-row .error-message p {
margin-top: -36px;
margin-left: 10px;
}
.page_saude .section_01-container .form_form label {
color: #181818;
font-size: 18px;
margin-bottom: 4px;
width: 100%;
font-weight: 400;
display: block;
}
.page_saude .section_01-container .form_form input {
display: block;
width: 100%;
border: 1px solid #bcbcbc;
height: 60px;
border-radius: 10px;
font-size: 16px;
padding: 0px 15px;
margin-top: 5px;
}
.page_saude .section_01-container .form_form input[type=submit] {
background: #3695cd;
color: white;
transition: 0.3s ease all;
cursor: pointer;
}
.page_saude .section_01-container .form_form input[type=submit]:hover {
opacity: 0.8;
}
.page_saude .section_01-container .form_content {
padding-top: 20px;
}
.page_saude .section_02 {
margin-top: 50px;
position: relative;
}
.page_saude .section_02::before {
content: "";
background: url(//catividade.com.br/wp-content/themes/blank/dist/f10ffb9b83c899be9a0f.webp) no-repeat center;
position: absolute;
z-index: 1;
right: 0;
top: -115px;
height: 287px;
width: 173px;
transform: translate(0%, 0px);
}
.page_saude .section_02 .container {
position: relative;
z-index: 1;
}
.page_saude .section_02 .main-title {
font-size: 32px;
font-size: 600;
color: #151515;
text-align: center;
font-weight: 600;
line-height: 1;
}
.page_saude .section_02 .main-title span {
color: #3695cd;
display: block;
}
@media (min-width: 767px) {
.page_saude .section_02 .main-title {
font-size: 48px;
}
}
.page_saude .section_02 .box-cards {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 60px;
}
@media (min-width: 767px) {
.page_saude .section_02 .box-cards {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1200px) {
.page_saude .section_02 .box-cards {
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 1376px !important;
}
}
.page_saude .section_02 .box-cards .box_orange {
background: #ef5522;
}
.page_saude .section_02 .box-cards .box_yellow {
background: #fdcf36;
}
.page_saude .section_02 .box-cards .box_blue {
background: #3695cd;
}
.page_saude .section_02 .box-cards .box_green {
background: #6fb54d;
}
.page_saude .section_02 .box-cards .box {
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
height: 350px;
padding: 35px;
text-align: center;
}
@media (min-width: 767px) {
.page_saude .section_02 .box-cards .box {
height: 450px;
}
}
.page_saude .section_02 .box-cards .box .title {
font-size: 25px;
line-height: 1.4;
color: white;
font-weight: 600;
font-family: "Montserrat", sans-serif;
}
.page_saude .section_02 .box-cards .box .description {
color: white;
font-size: 16px;
line-height: 1.5;
}
.page_saude .section_02 .box-cards .box_yellow .title {
color: #363636;
}
.page_saude .section_02 .box-cards .box_yellow .description {
color: #363636;
font-size: 16px;
line-height: 1.5;
}
.page_saude .section_03 {
margin: 50px 0px;
}
.page_saude .section_03 .flex {
display: flex;
flex-direction: column-reverse;
gap: 40px;
}
@media (min-width: 767px) {
.page_saude .section_03 .flex {
flex-direction: row;
justify-content: space-between;
}
}
.page_saude .section_03 .flex img {
width: auto;
height: auto;
}
.page_saude .section_03 .flex > div {
flex: 1;
}
@media (min-width: 767px) {
.page_saude .section_03 .flex > div:nth-child(2) {
text-align: right;
position: relative;
z-index: 1;
}
}
.page_saude .section_03 .title {
font-size: 28px;
color: #363636;
margin-bottom: 40px;
margin-top: 40px;
font-weight: bold;
}
@media (min-width: 767px) {
.page_saude .section_03 .title {
font-size: 40px;
}
}
.page_saude .section_03 .item {
display: flex;
align-items: center;
gap: 20px;
margin-top: 24px;
}
.page_saude .section_03 .item .circle-blue {
background: #3695cd;
}
.page_saude .section_03 .item .circle-yellow {
background: #fdcf36;
}
.page_saude .section_03 .item .circle-orange {
background: #ef5522;
}
.page_saude .section_03 .item .circle-green {
background: #6fb54d;
}
.page_saude .section_03 .item .circle {
height: 58px;
width: 58px;
border-radius: 50%;
}
.page_saude .section_03 .item .description {
color: #363636;
line-height: 1.2;
flex: 1;
}
.page_saude .section_03 .item .description h4 {
font-size: 1.125rem;
font-weight: bold;
}
.page_saude .section_03 .item .description p {
font-size: 1.125rem;
}
@media (min-width: 767px) {
.page_saude .section_03 .item .description h4 {
font-size: 1.5rem;
}
.page_saude .section_03 .item .description p {
font-size: 1.5rem;
}
}
.page_saude .section_04 .flex {
display: flex;
flex-direction: column;
align-items: center;
}
@media (min-width: 767px) {
.page_saude .section_04 .flex {
flex-direction: row;
gap: 60px;
}
}
@media (min-width: 1200px) {
.page_saude .section_04 .flex {
gap: 120px;
}
}
.page_saude .section_04 .flex img {
width: auto;
height: auto;
}
.page_saude .section_04 .flex > div {
flex: 1;
}
.page_saude .section_04 .title_diferente {
font-size: 28px;
line-height: 1.2;
font-weight: bold;
color: #363636;
}
.page_saude .section_04 .title_diferente span {
display: inline-block;
padding: 10px 8px;
background: #3695cd;
border-radius: 10px;
color: white;
margin-top: 10px;
margin-left: -5px;
}
@media (min-width: 767px) {
.page_saude .section_04 .title_diferente {
font-size: 40px;
}
}
.page_saude .section_04 .description {
font-family: "montserrat";
font-size: 18px;
line-height: 1.4;
font-weight: 500;
margin: 24px 0px 50px;
color: #676767;
}
@media (min-width: 767px) {
.page_saude .section_04 .description {
font-size: 25px;
}
}
.page_saude {
overflow: hidden;
}
.page_saude .section_05 {
padding: 80px 15px;
position: relative;
}
.page_saude .section_05::before {
content: "";
background: url(//catividade.com.br/wp-content/themes/blank/dist/c12b209b3d7161c9e8ee.webp) no-repeat center;
position: absolute;
z-index: -1;
right: 0;
top: -43px;
height: 530px;
width: 788px;
transform: translate(0%, 0px);
}
.page_saude .section_05 .banner {
max-width: 1347px;
margin: 0 auto;
padding: 20px 40px;
border-radius: 20px;
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-direction: column;
}
@media (min-width: 767px) {
.page_saude .section_05 .banner {
flex-direction: row;
}
}
.page_saude .section_05 .banner p {
font-size: 32px;
line-height: 1.2;
font-weight: bold;
color: white;
margin-top: 10px;
}
@media (min-width: 767px) {
.page_saude .section_05 .banner p {
font-size: 48px;
}
}
.page_saude .section_05 .banner .btn {
width: 270px;
}
.page_sipat .section_00 {
margin-top: 105px;
padding: 100px 0px;
background-size: cover !important;
}
@media (min-width: 767px) {
.page_sipat .section_00 {
padding: 100px 0px 250px;
}
}
.page_sipat .section_00 .content {
max-width: 630px;
color: white;
}
.page_sipat .section_00 .content .title {
font-family: "Montserrat";
font-weight: 600;
font-size: 36px;
line-height: 1.4;
margin-bottom: 40px;
}
.page_sipat .section_00 .content .title span {
font-style: italic;
}
@media (min-width: 767px) {
.page_sipat .section_00 .content .title {
font-size: 46px;
line-height: 1.4;
}
}
.page_sipat .section_00 .content .description {
font-size: 18px;
line-height: 1.4;
font-weight: 400;
}
@media (min-width: 767px) {
.page_sipat .section_00 .content .description {
font-size: 25px;
line-height: 1.4;
}
}
.page_sipat .section_02 {
margin: 50px 0px;
position: relative;
}
.page_sipat .section_02::before {
content: "";
background: url(//catividade.com.br/wp-content/themes/blank/dist/f10ffb9b83c899be9a0f.webp) no-repeat center;
position: absolute;
z-index: 0;
right: 0;
bottom: 0px;
height: 287px;
width: 173px;
transform: translate(0%, 0px);
}
.page_sipat .section_02 .flex {
display: flex;
flex-direction: column-reverse;
position: relative;
z-index: 1;
}
@media (min-width: 767px) {
.page_sipat .section_02 .flex {
flex-direction: row;
gap: 40px;
justify-content: space-between;
}
}
.page_sipat .section_02 .flex img {
width: auto;
height: auto;
}
.page_sipat .section_02 .flex > div {
flex: 1;
}
@media (min-width: 767px) {
.page_sipat .section_02 .flex > div:nth-child(2) {
text-align: right;
position: relative;
z-index: 1;
}
}
.page_sipat .section_02 .title {
font-size: 28px;
color: #363636;
margin-bottom: 40px;
margin-top: 40px;
font-weight: bold;
}
@media (min-width: 767px) {
.page_sipat .section_02 .title {
font-size: 40px;
}
}
.page_sipat .section_02 .item {
display: flex;
align-items: center;
gap: 20px;
margin-top: 24px;
}
.page_sipat .section_02 .item .circle-blue {
background: #3695cd;
}
.page_sipat .section_02 .item .circle-yellow {
background: #fdcf36;
}
.page_sipat .section_02 .item .circle-orange {
background: #ef5522;
}
.page_sipat .section_02 .item .circle-green {
background: #6fb54d;
}
.page_sipat .section_02 .item .circle {
height: 58px;
width: 58px;
border-radius: 50%;
}
.page_sipat .section_02 .item .description {
color: #363636;
line-height: 1.2;
flex: 1;
}
.page_sipat .section_02 .item .description h4 {
font-size: 1.125rem;
font-weight: bold;
}
.page_sipat .section_02 .item .description p {
font-size: 1.125rem;
}
@media (min-width: 767px) {
.page_sipat .section_02 .item .description h4 {
font-size: 1.5rem;
}
.page_sipat .section_02 .item .description p {
font-size: 1.5rem;
}
}
.page_sipat .section_galery {
position: relative;
}
.page_sipat .section_galery::before {
content: "";
background: url(//catividade.com.br/wp-content/themes/blank/dist/e8fcc257f1fbc718db34.png) no-repeat center;
position: absolute;
z-index: 1;
left: 0;
top: 0;
height: 390px;
width: 227px;
transform: translate(0%, 0px);
}
.page_sipat .section_galery .title {
font-size: 28px;
color: #363636;
margin-bottom: 40px;
margin-top: 40px;
font-weight: bold;
text-align: center;
position: relative;
z-index: 1;
}
@media (min-width: 767px) {
.page_sipat .section_galery .title {
font-size: 40px;
margin-bottom: 65px;
}
}
.page_sipat .section_galery .galery {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.page_sipat .section_galery .galery img {
width: calc(50% - 10px);
height: 200px;
border-radius: 10px;
object-fit: cover;
}
@media (min-width: 767px) {
.page_sipat .section_galery .galery {
justify-content: space-between;
}
.page_sipat .section_galery .galery img {
height: 350px;
object-fit: cover;
}
.page_sipat .section_galery .galery img:nth-child(1) {
width: calc(40% - 30px);
}
.page_sipat .section_galery .galery img:nth-child(2) {
width: 25%;
}
.page_sipat .section_galery .galery img:nth-child(3) {
width: calc(35% - 30px);
}
.page_sipat .section_galery .galery img:nth-child(4) {
width: calc(20% - 30px);
}
.page_sipat .section_galery .galery img:nth-child(5) {
width: calc(25% - 30px);
}
.page_sipat .section_galery .galery img:nth-child(6) {
width: calc(35% - 30px);
}
.page_sipat .section_galery .galery img:nth-child(7) {
width: 20%;
}
}
.page_mude .fullscreen-banner {
margin-top: 105px;
padding: 100px 0;
background-size: cover !important;
}
@media (min-width: 767px) {
.page_mude .fullscreen-banner {
padding: 100px 0 150px;
}
}
.page_mude .fullscreen-banner .centered-content {
display: flex;
gap: 20px;
flex-direction: column;
}
@media (min-width: 767px) {
.page_mude .fullscreen-banner .centered-content {
flex-direction: row;
}
}
.page_mude .fullscreen-banner .centered-content .content {
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width: 767px) {
.page_mude .fullscreen-banner .centered-content .content {
max-width: 50%;
}
}
.page_mude .fullscreen-banner .centered-content .content .description {
font-size: 20px;
line-height: 1.4;
font-weight: 500;
color: #404040;
font-family: "Montserrat", sans-serif;
margin: 24px 0px;
line-height: 1.5;
}
.page_mude .fullscreen-banner .centered-content .content .description strong {
color: #363636;
}
@media (min-width: 767px) {
.page_mude .fullscreen-banner .centered-content .content .description {
font-size: 25px;
}
}
.page_mude .fullscreen-banner .centered-content .content img {
height: auto;
max-width: 100%;
margin-bottom: 20px;
}
.page_mude .fullscreen-banner .centered-content .form_content {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 600px;
}
.page_mude .fullscreen-banner .centered-content .form_form {
background: white;
padding: 40px;
border-radius: 20px;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);
width: 100%;
max-width: 600px;
height: auto;
}
.page_mude .fullscreen-banner .centered-content .form_form .input-row .error-message p {
margin-top: -36px;
margin-left: 10px;
}
.page_mude .fullscreen-banner .centered-content .form_form label {
color: #181818;
font-size: 18px;
margin-bottom: 4px;
width: 100%;
display: block;
}
.page_mude .fullscreen-banner .centered-content .form_form input {
display: block;
width: 100%;
padding: 10px;
height: 60px;
border: 1px solid #bcbcbc;
border-radius: 10px;
padding: 0px 15px;
font-size: 16px;
margin-top: 5px;
}
.page_mude .fullscreen-banner .centered-content .form_form input[type=submit] {
background: #3695cd;
color: white;
transition: 0.3s ease all;
cursor: pointer;
margin-top: 20px;
}
.page_mude .fullscreen-banner .centered-content .form_form input[type=submit]:hover {
opacity: 0.8;
}
.page_mude .fullscreen-banner .centered-content .form_form input[type=submit]:hover {
background: #3695cd;
}
.page_mude .pilares {
padding: 50px 0px;
}
.page_mude .pilares .title {
color: #363636;
font-size: 32px;
line-height: 1.4;
margin-bottom: 40px;
text-align: center;
font-weight: 700;
font-family: "Inter", sans-serif;
}
@media (min-width: 767px) {
.page_mude .pilares .title {
font-size: 40px;
margin-bottom: 60px;
}
}
.page_mude .pilares .flex {
display: flex;
gap: 32px;
flex-direction: column;
}
@media (min-width: 767px) {
.page_mude .pilares .flex {
flex-direction: row;
}
}
.page_mude .pilares .flex .item {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: "Montserrat", sans-serif;
font-weight: 700;
border-radius: 20px;
font-size: 24px;
line-height: 1.2;
width: 100%;
background: #3695cd;
color: #ffffff;
height: 160px;
}
.page_mude .pilares .flex .item p {
margin: 0;
}
.page_mude .pilares .flex .item.bg-orange {
background: #ef5522;
}
@media (min-width: 767px) {
.page_mude .pilares .flex .item {
flex: 1;
height: 180px;
font-size: 30px;
}
}
.beneficios-para-empresa .header-beneficios {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
@media (min-width: 767px) {
.beneficios-para-empresa .header-beneficios {
flex-direction: row;
}
}
.beneficios-para-empresa .header-beneficios .title {
font-size: 28px;
line-height: 1.4;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #363636;
margin-bottom: 30px;
}
@media (min-width: 767px) {
.beneficios-para-empresa .header-beneficios .title {
font-size: 46px;
margin-bottom: 0px;
}
}
.beneficios-para-empresa .header-beneficios .fale-com-especialista {
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 18px;
color: #ffffff;
text-align: center;
border-radius: 100px;
text-decoration: none;
background-color: #ef5522;
font-family: "Montserrat", sans-serif, sans-serif;
font-weight: 600;
width: 100%;
height: 64px;
}
@media (min-width: 767px) {
.beneficios-para-empresa .header-beneficios .fale-com-especialista {
font-size: 22px;
max-width: 406px;
}
}
.beneficios-para-empresa .header-beneficios .fale-com-especialista:hover {
background-color: #e64a19;
}
.beneficios-para-empresa .beneficios-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
}
.beneficios-para-empresa .beneficios-grid .beneficio-item {
border: 1px solid rgb(172, 209, 231);
border-radius: 8px;
padding: 60px 24px;
padding-top: 3rem;
text-align: left;
background-color: white;
min-height: 384px;
}
.beneficios-para-empresa .beneficios-grid .beneficio-item h2 {
font-size: 20px;
margin-bottom: 16px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
line-height: 36px;
}
.beneficios-para-empresa .beneficios-grid .beneficio-item p {
line-height: 1.75;
margin-bottom: 1rem;
font-family: "Montserrat", sans-serif;
font-weight: 400;
color: #363636;
font-size: 16px;
}
.phone .content {
display: flex;
align-items: center;
position: relative;
margin-top: -20px;
}
@media (min-width: 767px) {
.phone .content {
margin-top: -60px;
}
}
.phone .content .image-container {
position: absolute;
top: -50px;
left: 15px;
z-index: 1;
}
@media (min-width: 767px) {
.phone .content .image-container {
left: -1;
top: -130px;
}
}
.phone .content .image-container img {
width: 120px;
height: auto;
display: block;
}
@media (min-width: 767px) {
.phone .content .image-container img {
width: 173px;
height: auto;
display: block;
}
}
.phone .content .text-box {
background-color: #ef5522;
color: #eaebee;
width: 100%;
display: flex;
align-items: center;
padding: 20px;
border-radius: 20px;
position: relative;
z-index: 0;
}
@media (min-width: 767px) {
.phone .content .text-box {
max-width: 619px;
margin-left: -25px;
}
}
.phone .content .text-box p {
margin-left: 135px;
font-size: 16px;
font-weight: 700;
display: block;
width: 382px;
line-height: 1.6;
font-family: "DM Sans", sans-serif;
margin-bottom: 0;
}
.phone .content .text-box p br {
display: none;
}
@media (min-width: 767px) {
.phone .content .text-box p {
margin-left: 200px;
font-size: 23px;
}
.phone .content .text-box p br {
display: block;
}
}
.titulo.container {
display: flex;
justify-content: center;
align-items: center;
padding-top: 100px;
}
.titulo.container p {
font-size: 28px;
line-height: 1.4;
font-weight: 700;
color: #363636;
font-family: "Montserrat";
text-align: center;
}
@media (min-width: 767px) {
.titulo.container p {
font-size: 40px;
}
}
.titulo.container p span {
color: #ef5522;
}
@media (min-width: 1200px) {
.titulo.container p span {
display: block;
}
}
.nossa-metodologia {
position: relative;
}
.nossa-metodologia .nossa-metodologia-block {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: column;
}
@media (min-width: 767px) {
.nossa-metodologia .nossa-metodologia-block {
flex-direction: row;
}
}
.nossa-metodologia .nossa-metodologia__content .nossa-metodologia__title {
font-size: 32px;
font-weight: 700;
line-height: 1.4;
color: #363636;
font-family: "Montserrat", sans-serif, sans-serif;
margin-bottom: 50px;
}
@media (min-width: 767px) {
.nossa-metodologia .nossa-metodologia__content .nossa-metodologia__title {
font-size: 50px;
}
}
.nossa-metodologia .nossa-metodologia__content .nossa-metodologia__images {
flex: 1;
}
.nossa-metodologia .nossa-metodologia__content .nossa-metodologia__list {
padding: 0;
margin-left: 40px;
width: 100%;
max-width: 573px;
list-style-type: none;
}
.nossa-metodologia .nossa-metodologia__content .nossa-metodologia__item {
font-family: "Montserrat", sans-serif, sans-serif;
font-weight: 600;
font-size: 18px;
line-height: 1.6;
margin-bottom: 0.5rem;
position: relative;
counter-increment: item;
}
@media (min-width: 767px) {
.nossa-metodologia .nossa-metodologia__content .nossa-metodologia__item {
font-size: 28px;
}
}
.nossa-metodologia .nossa-metodologia__content .nossa-metodologia__item::before {
content: counter(item);
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ef5522;
color: white;
font-size: 18px;
font-weight: 600;
text-align: center;
line-height: 24px;
position: absolute;
top: 50%;
left: -34px;
transform: translateY(-50%);
}
.nossa-metodologia__images img {
width: 100%;
height: auto;
object-fit: cover;
}
@media (min-width: 767px) {
.nossa-metodologia__images {
width: 100%;
max-width: 608px;
}
}
.outros-beneficios {
width: 100%;
max-width: 351px;
border-radius: 15px;
padding: 18px 16px;
background-color: #ef5522;
margin: -60px auto 0 auto;
position: relative;
z-index: 1;
}
.outros-beneficios span {
margin-right: 10px;
}
.outros-beneficios .outros-beneficios__title {
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
color: #ffffff;
line-height: 25px;
font-family: "Montserrat", sans-serif, sans-serif;
padding: 6px 0 0 10px;
}
.outros-beneficios .outros-beneficios__list {
list-style-type: none;
padding: 0;
}
.outros-beneficios .outros-beneficios__list .outros-beneficios__item {
font-size: 16px;
color: #ffffff;
font-weight: 700;
line-height: 24px;
padding: 14px 0 0 0px;
font-family: "", sans-serif;
position: relative;
display: flex;
align-items: center;
}
.outros-beneficios .outros-beneficios__list .outros-beneficios__item img {
margin-right: 10px;
}
.result__client {
margin-top: 40px;
}
.result__client .container {
margin-bottom: 80px;
position: relative;
}
.result__client .container::before {
content: "";
display: none;
background: url(//catividade.com.br/wp-content/themes/blank/dist/9ebdfbaf048e32872f21.png) no-repeat center;
background-size: contain;
position: absolute;
z-index: -1;
right: -110px;
top: -270px;
height: 630px;
width: 700px;
}
@media (min-width: 767px) {
.result__client .container::before {
display: block;
}
}
.result__client h3 {
font-size: 32px;
line-height: 1.4;
margin-bottom: 20px;
font-weight: 600;
color: #363636;
font-family: "Montserrat", sans-serif;
}
@media (min-width: 767px) {
.result__client h3 {
font-size: 50px;
}
}
.result__client .resultados-clientes {
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 50px;
}
@media (min-width: 767px) {
.result__client .resultados-clientes {
flex-direction: row;
gap: 20px;
}
}
.result__client .resultados-clientes .coluna {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
}
.result__client .resultados-clientes .coluna:nth-child(2) {
margin-top: 40px;
}
@media (min-width: 767px) {
.result__client .resultados-clientes .coluna:nth-child(3) {
align-self: flex-start;
margin-bottom: 0;
margin-top: -160px;
}
}
.result__client .resultados-clientes .coluna img {
width: 100%;
max-width: 100%;
height: auto;
}
.page_ergonomics .fullscreen-banner {
margin-top: 105px;
padding: 100px 0;
background-size: cover !important;
}
@media (min-width: 767px) {
.page_ergonomics .fullscreen-banner {
padding: 100px 0 250px;
}
}
.page_ergonomics .fullscreen-banner .centered-content {
display: flex;
gap: 100px;
flex-direction: column;
}
@media (min-width: 767px) {
.page_ergonomics .fullscreen-banner .centered-content {
flex-direction: row;
gap: 60px;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
.page_ergonomics .fullscreen-banner .centered-content {
flex-direction: column;
align-items: center;
gap: 40px;
}
}
.page_ergonomics .fullscreen-banner .centered-content .content {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
font-family: "Montserrat";
}
@media (min-width: 767px) {
.page_ergonomics .fullscreen-banner .centered-content .content {
max-width: 600px;
justify-content: space-evenly;
text-align: left;
}
}
.page_ergonomics .fullscreen-banner .centered-content .content .button-default {
width: 280px;
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .fullscreen-banner .centered-content .content .button-default {
font-size: 18px;
padding: 16px 32px;
width: 320px;
}
}
.page_ergonomics .fullscreen-banner .centered-content .content .title_diferente {
width: 100%;
font-size: 33px;
line-height: 1.3;
font-weight: bold;
color: #363636;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
}
@media (min-width: 767px) {
.page_ergonomics .fullscreen-banner .centered-content .content .title_diferente {
line-height: 1;
font-size: 40px;
width: 100%;
}
}
.page_ergonomics .fullscreen-banner .centered-content .content .title_diferente span {
line-height: 1.8;
display: inline;
padding: 6px 6px;
background: #3695cd;
border-radius: 10px;
color: white;
font-size: 30px;
}
@media (min-width: 767px) {
.page_ergonomics .fullscreen-banner .centered-content .content .title_diferente span {
display: inline;
font-size: 40px;
line-height: 2;
padding: 8px 6px;
border-radius: 10px;
}
}
.page_ergonomics .fullscreen-banner .centered-content .content .description {
font-size: 18px;
color: #404040;
text-align: left;
margin: 24px 0px;
line-height: 1.5;
}
.page_ergonomics .fullscreen-banner .centered-content .content .description strong {
color: #363636;
}
@media (min-width: 767px) {
.page_ergonomics .fullscreen-banner .centered-content .content .description {
font-size: 25px;
line-height: 1.8;
max-width: 580px;
}
}
.page_ergonomics .fullscreen-banner .centered-content .form_content {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 600px;
}
@media (min-width: 768px) and (max-width: 1280px) {
.page_ergonomics .fullscreen-banner .centered-content .form_content {
justify-content: center;
max-width: 100%;
}
}
.page_ergonomics .fullscreen-banner .centered-content .form_form {
background: white;
padding: 40px;
border-radius: 20px;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);
width: 100%;
max-width: 600px;
height: auto;
}
.page_ergonomics .fullscreen-banner .centered-content .form_form .input-row .error-message p {
margin-top: -36px;
margin-left: 10px;
}
.page_ergonomics .fullscreen-banner .centered-content .form_form label {
color: #181818;
font-size: 18px;
margin-bottom: 20px;
width: 100%;
display: block;
}
.page_ergonomics .fullscreen-banner .centered-content .form_form input {
display: block;
width: 100%;
padding: 10px;
height: 60px;
border: 1px solid #bcbcbc;
border-radius: 10px;
padding: 0px 15px;
font-size: 16px;
margin-top: 5px;
}
.page_ergonomics .fullscreen-banner .centered-content .form_form input[type=submit] {
background: #3695cd;
color: white;
transition: 0.3s ease all;
cursor: pointer;
margin-top: 20px;
}
.page_ergonomics .fullscreen-banner .centered-content .form_form input[type=submit]:hover {
opacity: 0.8;
}
.page_ergonomics .fullscreen-banner .centered-content .form_form input[type=submit]:hover {
background: #3695cd;
}
.page_ergonomics .services_ergonomic::before {
content: "";
display: none;
background: url(//catividade.com.br/wp-content/themes/blank/dist/f10ffb9b83c899be9a0f.webp) no-repeat center;
position: absolute;
z-index: 1;
right: 0;
top: 1450px;
height: 287px;
width: 173px;
}
@media (min-width: 767px) {
.page_ergonomics .services_ergonomic::before {
display: block;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
.page_ergonomics .services_ergonomic::before {
top: 1368px;
}
}
.page_ergonomics .services_ergonomic .container {
position: relative;
font-family: "Montserrat";
border: solid 1px black;
margin: 50px 10px 32px 10px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 20px;
padding: 10px 15px;
width: calc(100% - 30px);
max-width: 100%;
}
@media (min-width: 767px) {
.page_ergonomics .services_ergonomic .container {
margin: 50px auto;
padding: 20px 30px;
max-width: 90%;
}
}
.page_ergonomics .services_ergonomic .services_title {
padding: 0;
color: #151515;
font-weight: bold;
font-size: 32px;
line-height: 1.2;
text-align: center;
width: 100%;
}
@media (min-width: 767px) {
.page_ergonomics .services_ergonomic .services_title {
font-size: 60px;
line-height: 1;
}
}
.page_ergonomics .services_ergonomic .services_title span {
color: #3695cd;
font-weight: 600;
font-size: inherit;
}
.page_ergonomics .layout-x {
display: flex;
flex-direction: column-reverse;
padding: 20px 10px 50px 10px;
text-align: center;
}
@media (min-width: 767px) {
.page_ergonomics .layout-x {
flex-direction: row;
align-items: center;
justify-content: space-between;
text-align: left;
padding: 0px;
margin-bottom: 124px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-x {
flex-direction: column-reverse;
justify-content: space-between;
margin-bottom: 60px;
}
}
.page_ergonomics .layout-x .text-container {
padding: 24px 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1.4;
}
@media (min-width: 767px) {
.page_ergonomics .layout-x .text-container {
flex: 1;
margin-bottom: 20px;
padding: 20px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-x .text-container {
display: flex;
flex-direction: column;
justify-content: space-between;
}
}
.page_ergonomics .layout-x .text-container .title {
font-family: "Montserrat", sans-serif;
font-weight: bold;
color: #363636;
font-size: 24px;
line-height: 1.4;
text-align: left;
margin-bottom: 16px;
}
@media (min-width: 767px) {
.page_ergonomics .layout-x .text-container .title {
font-size: 54px;
margin-bottom: 15px;
max-width: 400px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-x .text-container .title {
font-size: 40px;
text-align: left;
max-width: 100%;
}
}
.page_ergonomics .layout-x .text-container .description {
color: #404040;
font-family: "Montserrat";
font-size: 16px;
margin-bottom: 24px;
text-align: left;
}
@media (min-width: 767px) {
.page_ergonomics .layout-x .text-container .description {
font-size: 20px;
margin-bottom: 25px;
line-height: 1.5;
max-width: 500px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-x .text-container .description {
font-size: 22px;
max-width: 100%;
}
}
@media (min-width: 767px) {
.page_ergonomics .layout-x .text-container .description .height-m {
min-height: 130px;
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-x .text-container .description .height-m {
min-height: 20px;
}
}
.page_ergonomics .layout-x .text-container .button-default {
width: 280px;
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-x .text-container .button-default {
font-size: 18px;
padding: 16px 32px;
width: 320px;
}
}
@media (min-width: 767px) {
.page_ergonomics .layout-x .text-container {
padding-right: 30px;
padding-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-x .text-container {
font-size: 22px;
}
}
.page_ergonomics .layout-x .image-container {
flex: 1;
max-width: 100%;
height: auto;
border-radius: 20px;
}
@media (min-width: 767px) {
.page_ergonomics .layout-x .image-container {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-x .image-container {
max-width: 100%;
margin: 20px auto;
}
}
@media (min-width: 766px) {
.page_ergonomics .layout-x.reverse {
flex-direction: row-reverse;
}
.page_ergonomics .layout-x.reverse .text-container {
padding: 70px 28px 0px 70px;
}
}
@media (min-width: 767px) and (max-width: 1025px) {
.page_ergonomics .layout-x.reverse {
margin-bottom: 124px;
flex-direction: column-reverse;
}
.page_ergonomics .layout-x.reverse .text-container {
text-align: left;
font-size: 22px;
padding: 20px;
}
.page_ergonomics .layout-x.reverse .text-container .title {
font-size: 40px;
padding: 0;
}
.page_ergonomics .layout-x.reverse .text-container .description {
font-size: 24px;
}
}
.page_ergonomics .layout-y {
display: flex;
flex-direction: column;
padding: 0px 10px;
}
@media (min-width: 767px) {
.page_ergonomics .layout-y {
flex-direction: row;
gap: 82px;
padding: 0;
margin-bottom: 124px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-y {
flex-direction: column;
gap: 50px;
}
}
.page_ergonomics .layout-y .item-1,
.page_ergonomics .layout-y .item-2 {
flex-direction: column;
margin-bottom: 50px;
}
@media (min-width: 767px) {
.page_ergonomics .layout-y .item-1,
.page_ergonomics .layout-y .item-2 {
flex: 1;
border-radius: 10px;
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-y .item-1,
.page_ergonomics .layout-y .item-2 {
border-radius: 8px;
}
}
.page_ergonomics .layout-y .item-1 .content,
.page_ergonomics .layout-y .item-2 .content {
padding: 24px 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media (min-width: 767px) {
.page_ergonomics .layout-y .item-1 .content,
.page_ergonomics .layout-y .item-2 .content {
padding-top: 20px;
display: flex;
flex-direction: column;
min-height: 420px;
justify-content: space-between;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-y .item-1 .content,
.page_ergonomics .layout-y .item-2 .content {
display: flex;
flex-direction: column;
justify-content: space-between;
min-height: 220px;
}
}
@media (min-width: 767px) {
.page_ergonomics .layout-y .item-1 .content .height-m,
.page_ergonomics .layout-y .item-2 .content .height-m {
min-height: 130px;
margin: 0;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-y .item-1 .content .height-m,
.page_ergonomics .layout-y .item-2 .content .height-m {
min-height: 20px;
}
}
.page_ergonomics .layout-y .item-1 .content .title,
.page_ergonomics .layout-y .item-2 .content .title {
font-family: "Montserrat", sans-serif;
font-weight: bold;
color: #363636;
font-size: 24px;
margin-bottom: 16px;
line-height: 1.4;
text-align: left;
}
@media (min-width: 767px) {
.page_ergonomics .layout-y .item-1 .content .title,
.page_ergonomics .layout-y .item-2 .content .title {
font-size: 46px;
margin-bottom: 15px;
line-height: 1.4;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-y .item-1 .content .title,
.page_ergonomics .layout-y .item-2 .content .title {
font-size: 40px;
text-align: left;
max-width: 100%;
}
}
.page_ergonomics .layout-y .item-1 .content .description,
.page_ergonomics .layout-y .item-2 .content .description {
color: #404040;
font-family: "Montserrat";
font-size: 16px;
margin-bottom: 24px;
text-align: left;
}
@media (min-width: 767px) {
.page_ergonomics .layout-y .item-1 .content .description,
.page_ergonomics .layout-y .item-2 .content .description {
height: auto;
flex-grow: 1;
font-size: 20px;
margin-bottom: 20px;
margin-top: 25px;
line-height: 1.5;
width: 520px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-y .item-1 .content .description,
.page_ergonomics .layout-y .item-2 .content .description {
font-size: 24px;
width: 100%;
}
}
.page_ergonomics .layout-y .item-1 .content .button-default,
.page_ergonomics .layout-y .item-2 .content .button-default {
width: 280px;
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-y .item-1 .content .button-default,
.page_ergonomics .layout-y .item-2 .content .button-default {
font-size: 18px;
padding: 16px 32px;
width: 320px;
}
}
.page_ergonomics .layout-y .item-1 .image-container,
.page_ergonomics .layout-y .item-2 .image-container {
max-width: 100%;
height: auto;
border-radius: 20px;
}
@media (min-width: 767px) {
.page_ergonomics .layout-y .item-1 .image-container,
.page_ergonomics .layout-y .item-2 .image-container {
width: 100%;
height: auto;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .layout-y .item-1 .image-container,
.page_ergonomics .layout-y .item-2 .image-container {
max-width: 100%;
margin: 20px auto;
}
}
@media (min-width: 767px) {
.page_ergonomics .cards {
padding: 0px;
margin-bottom: 124px;
margin-top: 124px;
}
}
.page_ergonomics .cards .main-title {
font-size: 32 px;
color: 363636;
text-align: center;
font-weight: bold;
line-height: 110%;
font-family: "Montserrat", sans-serif;
}
@media (min-width: 767px) {
.page_ergonomics .cards .main-title {
font-size: 54px;
}
}
.page_ergonomics .cards .main-title span {
color: #3695cd;
font-size: 26px;
white-space: nowrap;
word-wrap: normal;
overflow-wrap: normal;
}
@media (min-width: 767px) {
.page_ergonomics .cards .main-title span {
font-size: 54px;
}
}
.page_ergonomics .cards .box-cards {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 60px;
margin-bottom: 50px;
padding: 0px 10px;
font-family: "Montserrat", sans-serif;
}
@media (min-width: 767px) {
.page_ergonomics .cards .box-cards {
grid-template-columns: 1fr 1fr;
margin-bottom: 124px;
}
}
@media (min-width: 1200px) {
.page_ergonomics .cards .box-cards {
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 1376px !important;
}
}
.page_ergonomics .cards .box-cards .box_orange {
background: #ef5522;
}
.page_ergonomics .cards .box-cards .box_yellow {
background: #fdcf36;
}
.page_ergonomics .cards .box-cards .box_blue {
background: #3695cd;
}
.page_ergonomics .cards .box-cards .box_green {
background: #6fb54d;
}
.page_ergonomics .cards .box-cards .box {
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
height: 350px;
padding: 35px;
text-align: center;
}
@media (min-width: 767px) {
.page_ergonomics .cards .box-cards .box {
height: 450px;
}
}
.page_ergonomics .cards .box-cards .box .title {
font-size: 24px;
line-height: 1.4;
color: white;
font-weight: bold;
}
@media (min-width: 768px) {
.page_ergonomics .cards .box-cards .box .title {
font-size: 25px;
}
}
.page_ergonomics .cards .box-cards .box .description {
color: white;
}
@media (min-width: 768px) {
.page_ergonomics .cards .box-cards .box .description {
font-size: 24px;
width: 90%;
}
}
.page_ergonomics .cards .box-cards .box_yellow .title {
color: #363636;
}
.page_ergonomics .cards .box-cards .box_yellow .description {
color: #363636;
}
@media (min-width: 768px) {
.page_ergonomics .cards .box-cards .box_yellow .description {
font-size: 24px;
width: 90%;
}
}
.page_ergonomics .training {
display: flex;
flex-direction: column-reverse;
text-align: center;
margin-bottom: 60px;
}
@media (min-width: 767px) {
.page_ergonomics .training {
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
text-align: left;
margin-bottom: 124px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .training {
flex-direction: column-reverse;
text-align: center;
align-items: center;
justify-content: center;
margin-bottom: 80px;
}
}
.page_ergonomics .training .text-container {
padding: 24px 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
line-height: 1.4;
}
@media (min-width: 767px) {
.page_ergonomics .training .text-container {
flex: 1;
max-width: 100%;
padding: 0px 28px 0px 70px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .training .text-container {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 20px;
}
}
.page_ergonomics .training .text-container .title_training {
font-family: "Montserrat", sans-serif;
font-weight: bold;
color: #363636;
font-size: 24px;
line-height: 1.4;
text-align: left;
margin-bottom: 16px;
}
@media (min-width: 767px) {
.page_ergonomics .training .text-container .title_training {
font-size: 54px;
margin-bottom: 15px;
max-width: 400px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .training .text-container .title_training {
font-size: 40px;
text-align: left;
max-width: 100%;
}
}
.page_ergonomics .training .text-container .description_training {
color: #404040;
font-family: "Montserrat";
font-size: 16px;
margin-bottom: 24px;
text-align: left;
}
@media (min-width: 767px) {
.page_ergonomics .training .text-container .description_training {
font-size: 20px;
margin-bottom: 25px;
line-height: 1.5;
max-width: 500px;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .training .text-container .description_training {
font-size: 22px;
max-width: 100%;
}
}
.page_ergonomics .training .text-container .button-default {
width: 280px;
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .training .text-container .button-default {
font-size: 18px;
padding: 16px 32px;
width: 320px;
}
}
.page_ergonomics .training .image-container {
flex: 1;
max-width: 100%;
height: auto;
}
@media (min-width: 767px) {
.page_ergonomics .training .image-container {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_ergonomics .training .image-container {
max-width: 100%;
margin: 20px auto;
}
}
.page_corporate .fullscreen-banner {
margin-top: 105px;
padding: 100px 0;
background-size: cover !important;
}
@media (min-width: 767px) {
.page_corporate .fullscreen-banner {
padding: 100px 0px 250px;
}
}
.page_corporate .fullscreen-banner .centered-content {
display: flex;
gap: 60px;
flex-direction: column;
}
@media (min-width: 767px) {
.page_corporate .fullscreen-banner .centered-content {
flex-direction: row;
gap: 60px;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
.page_corporate .fullscreen-banner .centered-content {
flex-direction: column;
align-items: center;
gap: 40px;
}
}
.page_corporate .fullscreen-banner .centered-content .content {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
font-family: "Montserrat";
}
@media (min-width: 767px) {
.page_corporate .fullscreen-banner .centered-content .content {
text-align: left;
justify-content: space-evenly;
}
}
.page_corporate .fullscreen-banner .centered-content .content .button-default {
width: 280px;
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_corporate .fullscreen-banner .centered-content .content .button-default {
font-size: 18px;
padding: 16px 32px;
width: 320px;
}
}
.page_corporate .fullscreen-banner .centered-content .content .title_diferente {
font-size: 20px;
line-height: 1.3;
font-weight: bold;
color: #363636;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
}
@media (min-width: 767px) {
.page_corporate .fullscreen-banner .centered-content .content .title_diferente {
line-height: 2;
font-size: 30px;
width: 100%;
}
}
.page_corporate .fullscreen-banner .centered-content .content .title_diferente span {
line-height: 2;
display: inline;
padding: 5px 6px;
background: #3695cd;
border-radius: 10px;
color: white;
font-size: 17px;
}
@media (min-width: 767px) {
.page_corporate .fullscreen-banner .centered-content .content .title_diferente span {
display: inline;
font-size: 28px;
line-height: 2;
padding: 8px 6px;
border-radius: 10px;
}
}
.page_corporate .fullscreen-banner .centered-content .content .description {
font-size: 16px;
color: #404040;
text-align: left;
font-style: italic;
margin: 24px 0px;
line-height: 1.5;
}
.page_corporate .fullscreen-banner .centered-content .content .description strong {
color: #363636;
}
@media (min-width: 767px) {
.page_corporate .fullscreen-banner .centered-content .content .description {
font-size: 25px;
line-height: 1.6;
max-width: 580px;
}
}
.page_corporate .fullscreen-banner .centered-content .form_content {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
max-width: 600px;
}
@media (min-width: 768px) and (max-width: 1280px) {
.page_corporate .fullscreen-banner .centered-content .form_content {
justify-content: center;
max-width: 100%;
}
}
.page_corporate .fullscreen-banner .centered-content .form_form {
background: white;
padding: 40px;
border-radius: 20px;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.25);
width: 100%;
max-width: 700px;
height: auto;
}
.page_corporate .fullscreen-banner .centered-content .form_form .input-row .error-message p {
margin-top: -36px;
margin-left: 10px;
}
.page_corporate .fullscreen-banner .centered-content .form_form label {
color: #181818;
font-size: 18px;
margin-bottom: 20px;
width: 100%;
display: block;
}
.page_corporate .fullscreen-banner .centered-content .form_form input {
display: block;
width: 100%;
padding: 10px;
height: 60px;
border: 1px solid #bcbcbc;
border-radius: 10px;
padding: 0px 15px;
font-size: 16px;
margin-top: 5px;
}
.page_corporate .fullscreen-banner .centered-content .form_form input[type=submit] {
background: #3695cd;
color: white;
transition: 0.3s ease all;
cursor: pointer;
margin-top: 20px;
}
.page_corporate .fullscreen-banner .centered-content .form_form input[type=submit]:hover {
opacity: 0.8;
}
.page_corporate .fullscreen-banner .centered-content .form_form input[type=submit]:hover {
background: #3695cd;
}
.page_corporate .card_x {
display: flex;
flex-direction: column-reverse;
margin-top: 50px;
margin-bottom: 50px;
gap: 30px;
}
@media (min-width: 767px) {
.page_corporate .card_x {
flex-direction: row-reverse;
align-items: flex-end;
justify-content: space-between;
text-align: left;
margin-bottom: 60px;
gap: 85px;
}
}
.page_corporate .card_x .text-container {
font-family: "Montserrat";
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
line-height: 1.4;
}
@media (min-width: 767px) {
.page_corporate .card_x .text-container {
justify-content: flex-start;
}
}
.page_corporate .card_x .text-container .card_title {
font-size: 24px;
font-weight: bold;
color: #363636;
}
@media (min-width: 767px) {
.page_corporate .card_x .text-container .card_title {
font-size: 40px;
margin-bottom: 30px;
}
}
.page_corporate .card_x .text-container .card_title span {
line-height: 2;
display: inline;
padding: 5px 6px;
background: #3695cd;
border-radius: 10px;
color: white;
font-size: 24px;
}
@media (min-width: 767px) {
.page_corporate .card_x .text-container .card_title span {
display: inline;
font-size: 40px;
line-height: 1.8;
padding: 8px 6px;
}
}
.page_corporate .card_x .text-container .card_description {
color: #404040;
font-family: "Montserrat";
font-size: 16px;
margin: 10px 0px;
text-align: left;
line-height: 1.4;
}
@media (min-width: 767px) {
.page_corporate .card_x .text-container .card_description {
font-size: 20px;
line-height: 1.4;
margin: 0;
}
}
.page_corporate .card_x .text-container .button-default {
width: 280px;
margin-top: 20px;
}
@media (min-width: 767px) {
.page_corporate .card_x .text-container .button-default {
margin-top: 35px;
}
}
.page_corporate .card_x .image-container {
flex: 1;
max-width: 100%;
height: auto;
border-radius: 20px;
}
@media (min-width: 767px) {
.page_corporate .card_x .image-container {
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 1025px) {
.page_corporate .card_x {
flex-direction: column-reverse;
padding: 0;
margin-bottom: 80px;
gap: 20px;
}
.page_corporate .card_x .image-container {
width: 100%;
}
}
.page_corporate .section-intro {
margin-top: 50px;
margin-bottom: 50px;
}
@media (min-width: 767px) {
.page_corporate .section-intro {
margin-top: 124px;
margin-bottom: 50px;
}
}
.page_corporate .section-intro .text-container {
text-align: left;
line-height: 1.4;
}
.page_corporate .section-intro .text-container .title {
font-family: "Montserrat", sans-serif;
font-weight: bold;
color: #363636;
font-size: 24px;
line-height: 1.4;
text-align: left;
}
@media (min-width: 767px) {
.page_corporate .section-intro .text-container .title {
font-size: 50px;
line-height: 1.4;
text-align: center;
}
}
@media (max-width: 1025px) {
.page_corporate .section-intro .text-container .title {
text-align: left;
}
}
.page_corporate .section-intro .text-container .description {
font-family: "Montserrat";
color: #404040;
font-size: 16px;
line-height: 1.2;
}
@media (min-width: 767px) {
.page_corporate .section-intro .text-container .description {
font-size: 20px;
}
}
.page_corporate .section-cards {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 60px;
margin-bottom: 50px;
}
@media (min-width: 767px) {
.page_corporate .section-cards {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1200px) {
.page_corporate .section-cards {
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 1376px !important;
}
}
.page_corporate .section-cards .box_orange {
background: #ef5522;
}
.page_corporate .section-cards .box_yellow {
background: #fdcf36;
}
.page_corporate .section-cards .box_blue {
background: #3695cd;
}
.page_corporate .section-cards .box_green {
background: #6fb54d;
}
.page_corporate .section-cards .box {
border-radius: 20px;
display: flex;
font-family: "Lato", sans-serif;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
height: 350px;
padding: 35px;
text-align: center;
}
@media (min-width: 767px) {
.page_corporate .section-cards .box {
height: 450px;
}
}
.page_corporate .section-cards .box .title {
font-size: 25px;
line-height: 1.4;
color: white;
font-weight: 600;
font-family: "Montserrat", sans-serif;
}
.page_corporate .section-cards .box .description {
color: white;
font-size: 16px;
line-height: 1.5;
}
.page_corporate .section-cards .box_yellow .title {
color: #363636;
}
.page_corporate .section-cards .box_yellow .description {
color: #363636;
font-size: 16px;
line-height: 1.5;
}
.page_corporate .section-cards .button-container {
grid-column: 1/-1;
display: flex;
justify-content: center;
margin-top: 20px;
}
.page_corporate .section-cards .button-default {
width: 280px;
}
.page_corporate .section-circle {
margin: 50px 0px;
}
@media (min-width: 767px) {
.page_corporate .section-circle {
margin: 124px 0px;
}
}
.page_corporate .section-circle .flex {
display: flex;
flex-direction: column-reverse;
gap: 50px;
}
@media (min-width: 767px) {
.page_corporate .section-circle .flex {
flex-direction: row-reverse;
justify-content: space-between;
}
.page_corporate .section-circle .flex .content-wrapper {
flex-basis: 70%; display: flex;
flex-direction: column;
justify-content: space-between;
}
.page_corporate .section-circle .flex .image-wrapper {
flex-basis: 30%; }
}
.page_corporate .section-circle .flex .button-default {
width: 280px;
margin-top: 70px;
}
.page_corporate .section-circle .flex img {
border-radius: 20px;
width: 100%;
height: 350px;
object-fit: cover;
}
@media (min-width: 767px) {
.page_corporate .section-circle .flex img {
width: 100%;
height: 100%;
}
}
.page_corporate .section-circle .title {
color: #363636;
font-family: "Montserrat";
font-weight: bold;
margin-bottom: 25px;
font-size: 30px;
}
@media (min-width: 767px) {
.page_corporate .section-circle .title {
font-size: 40px;
}
}
.page_corporate .section-circle .item {
font-family: "Montserrat";
color: #363636;
display: flex;
align-items: center;
gap: 20px;
margin-top: 24px;
}
.page_corporate .section-circle .item .circle-blue {
background: #3695cd;
}
.page_corporate .section-circle .item .circle-yellow {
background: #fdcf36;
}
.page_corporate .section-circle .item .circle-orange {
background: #ef5522;
}
.page_corporate .section-circle .item .circle-green {
background: #6fb54d;
}
.page_corporate .section-circle .item .circle-blue_light {
background: #9ccce6;
}
.page_corporate .section-circle .item .circle {
height: 58px;
width: 58px;
border-radius: 50%;
}
.page_corporate .section-circle .item .description {
line-height: 1.2;
flex: 1;
}
.page_corporate .section-circle .item .description h4 {
font-size: 1.125rem;
font-weight: bold;
}
.page_corporate .section-circle .item .description p {
font-size: 1.125rem;
}
@media (min-width: 767px) {
.page_corporate .section-circle .item .description h4 {
font-size: 1.5rem;
}
.page_corporate .section-circle .item .description p {
font-size: 1.5rem;
}
}
.page_corporate .section-text_end {
margin-top: 50px;
margin-bottom: 50px;
}
@media (min-width: 767px) {
.page_corporate .section-text_end {
margin-top: 124px;
margin-bottom: 124px;
}
}
.page_corporate .section-text_end .text-container {
display: flex;
flex-direction: column;
align-items: left;
line-height: 1.4;
}
@media (min-width: 767px) {
.page_corporate .section-text_end .text-container {
align-items: center;
justify-content: center;
}
}
.page_corporate .section-text_end .text-container .title {
font-family: "Montserrat", sans-serif;
font-weight: bold;
color: #363636;
font-size: 24px;
line-height: 1.4;
}
@media (min-width: 767px) {
.page_corporate .section-text_end .text-container .title {
font-size: 54px;
line-height: 1.4;
text-align: center;
}
}
@media (max-width: 1025px) {
.page_corporate .section-text_end .text-container .title {
text-align: left;
}
}
.page_corporate .section-text_end .text-container .description {
font-family: "Montserrat";
color: #404040;
font-size: 16px;
text-align: center;
margin-top: 20px;
}
@media (min-width: 767px) {
.page_corporate .section-text_end .text-container .description {
font-size: 20px;
padding: 20px 0px;
}
}
.page_corporate .section-text_end .text-container .button-default {
width: 280px;
margin-top: 32px;
}
.page_corporate .assessoria-cards {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
margin-top: 60px;
margin-bottom: 50px;
}
@media (min-width: 767px) {
.page_corporate .assessoria-cards {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1200px) {
.page_corporate .assessoria-cards {
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width: 1376px !important;
}
}
.page_corporate .assessoria-cards .assessoria-card {
border-radius: 20px;
display: flex;
font-family: "Montserrat", sans-serif;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
height: 350px;
padding: 35px;
text-align: center;
}
@media (min-width: 767px) {
.page_corporate .assessoria-cards .assessoria-card {
height: 450px;
}
}
.page_corporate .assessoria-cards .assessoria-card.box_orange {
background: #ef5522;
}
.page_corporate .assessoria-cards .assessoria-card.box_yellow {
background: #fdcf36;
}
.page_corporate .assessoria-cards .assessoria-card.box_yellow .card-title,
.page_corporate .assessoria-cards .assessoria-card.box_yellow .card-description {
color: #363636;
}
.page_corporate .assessoria-cards .assessoria-card.box_blue {
background: #3695cd;
}
.page_corporate .assessoria-cards .assessoria-card.box_green {
background: #6fb54d;
}
.page_corporate .assessoria-cards .assessoria-card.full-width {
grid-column: 1/-1;
}
@media (min-width: 1200px) {
.page_corporate .assessoria-cards .assessoria-card.full-width {
height: 250px;
}
}
@media (min-width: 767px) {
.page_corporate .assessoria-cards .assessoria-card.full-width .card-description {
align-self: center;
width: 60%;
}
}
.page_corporate .assessoria-cards .assessoria-card .card-title {
font-size: 24px;
line-height: 1.4;
color: white;
font-weight: 600;
font-family: "Montserrat", sans-serif;
}
.page_corporate .assessoria-cards .assessoria-card .card-description {
color: white;
font-size: 16px;
line-height: 1.5;
}
.page_corporate .assessoria-cards .button-container {
grid-column: 1/-1;
display: flex;
justify-content: center;
margin-top: 20px;
}
.page_corporate .assessoria-cards .button-default {
width: 280px;
}
.page_corporate, .page_ergonomics, .page_saude, .beneficios-para-empresa, .page_sipat {
line-height: 1.4;
}
:root {
--azul-catividade-principal: #3695cd;
--Gray-Scale-Gray-900: #1a1a1a;
}
body {
font-family: "Montserrat", sans-serif;
margin: 0;
padding: 0;
}
.block {
display: block !important;
}
.hidden {
display: none !important;
}
.error-message {
font-size: 0.85rem;
color: red;
margin-top: 2px;
display: none;
}
.title-bigger {
color: #0f172a;
text-align: center;
font-family: "Montserrat";
font-size: 56px;
font-style: normal;
font-weight: 800;
line-height: 110%; }
.button-default {
border-radius: 8px;
background: #ffda43;
padding: 12px 12px;
width: 280px;
color: #000;
font-family: "Montserrat";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 24px;
letter-spacing: 0.5px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-end;
transition: 0.3s ease all;
gap: 8px;
}
.button-default:hover {
text-decoration: none;
background: #e6c74b;
color: #000;
}
a {
text-decoration: none;
}
.background-white {
background: white !important;
}
.hide-mobile {
display: none;
}
.hide-desktop {
display: block;
}
@media (min-width: 767px) {
.hide-mobile {
display: block;
}
.hide-desktop {
display: none;
}
}
#map .wpcf7-not-valid-tip {
display: none !important;
}