.header,
.header * {
  box-sizing: border-box;
}
.header {
  background: var(--var-sds-color-background-default-default, #ffffff);
  border-style: solid;
  border-color: var(--var-sds-color-border-default-default, #d9d9d9);
  border-width: 0px 0px 1px 0px;
  padding: var(--var-sds-size-space-800, 2rem);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-600, 1.5rem);
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  position: relative;
  overflow: hidden;
}
.navigation-pill-list {
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 0.5rem);
  row-gap: 0.5rem;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1;
  position: relative;
}
.navigation-pill {
  border-radius: var(--var-sds-size-radius-200, 0.5rem);
  padding: var(--var-sds-size-space-200, 0.5rem);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 0.5rem);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.title3 {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(
    --single-line-body-base-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--single-line-body-base-font-size, 1rem);
  line-height: var(--single-line-body-base-line-height, 100%);
  font-weight: var(--single-line-body-base-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}


.header,
.header * {
  box-sizing: border-box;
}
.header {
  background: var(--var-sds-color-background-default-default, #ffffff);
  border-style: solid;
  border-color: var(--var-sds-color-border-default-default, #d9d9d9);
  border-width: 0px 0px 1px 0px;
  padding: var(--var-sds-size-space-800, 2rem);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-600, 1.5rem); 
  row-gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  position: fixed; /* Garantir que a barra esteja fixa */
  top: 0;
  left: 0;
  width: 100%; /* Certificando-se que a largura seja 100% */
  z-index: 9999; /* Certificando-se que a barra fica acima de outros elementos */
  overflow: hidden;

  /* Remover margens que podem afetar o layout */
  margin: 0;
  padding: 1.6rem;
}

/* Evitar sobreposição do conteúdo */
body {
  padding-top: 100px; /* Ajuste a altura conforme necessário para evitar que o conteúdo seja coberto pela barra */
}
.navigation-pill-list {
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200,0.5rem); 
  row-gap:0.5rem;
  align-items: flex-start;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-content: flex-start;
  flex: 1;
  position: relative;
}
.navigation-pill {
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  padding: var(--var-sds-size-space-200,0.5rem);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.title {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(
    --single-line-body-base-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--single-line-body-base-font-size,1rem); 
  line-height: var(--single-line-body-base-line-height, 100%);
  font-weight: var(--single-line-body-base-font-weight, 400);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#logo {
  width: 12%;
  position: absolute;
  top: -0.875rem;
  left: 0.625rem;
}

#vaca {
  display: block;
  margin: auto;
  width: 100%;
  position: relative;
}

.banner-texto {
  position: absolute;
  top: 30%;
  left: 5%;
  color: #ffffff;
  font-size: 3.75rem;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -2px;
  line-height: 55px;
}

.rectangle-2,
.rectangle-2 * {
  box-sizing: border-box;
}
.rectangle-2 {
  background: #000000;
  height: 29.75rem;
  position: relative;
}
.saiba-mais-sobre-n-s,
.saiba-mais-sobre-n-s * {
  box-sizing: border-box;
}
.saiba-mais-sobre-n-s {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 1.5rem;
  line-height: 100%;
  font-weight: 700;
  position: relative;
  width: 230px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 4%;
  left: 41%;
}
.profissionais-capacitados,
.profissionais-capacitados * {
  box-sizing: border-box;
}
.profissionais-capacitados {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 1.5rem;
  line-height: 100%;
  font-weight: 700;
  position: relative;
  width: 230px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 21%;
  left: 7.5%;
}
.produtos-de-qualidade,
.produtos-de-qualidade * {
  box-sizing: border-box;
}
.produtos-de-qualidade {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 1.5rem;
  line-height: 100%;
  font-weight: 700;
  position: relative;
  width: 230px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 41%;
  top: 2%;
}
.excel-ncia-na-manuten-o,
.excel-ncia-na-manuten-o * {
  box-sizing: border-box;
}
.excel-ncia-na-manuten-o {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 1.5rem;
  line-height: 100%;
  font-weight: 700;
  position: relative;
  width: 230px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -17%;
  left: 74%;
}
.garantimos-um-atendimento-gil-eficiente-e-de-confian-a-sempre-comprometida-com-o-sucesso-do-produtor-rural,
.garantimos-um-atendimento-gil-eficiente-e-de-confian-a-sempre-comprometida-com-o-sucesso-do-produtor-rural
  * {
  box-sizing: border-box;
}
.garantimos-um-atendimento-gil-eficiente-e-de-confian-a-sempre-comprometida-com-o-sucesso-do-produtor-rural {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  position: relative;
  width: 230px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20%;
  left: 7.5%;
}

.nosso-compromisso-entregar-solu-es-que-atendam-s-suas-necessidades-e-superem-suas-expectativas-porque-para-n-s-sua-satisfa-o-o-que-importa,
.nosso-compromisso-entregar-solu-es-que-atendam-s-suas-necessidades-e-superem-suas-expectativas-porque-para-n-s-sua-satisfa-o-o-que-importa
  * {
  box-sizing: border-box;
}
.nosso-compromisso-entregar-solu-es-que-atendam-s-suas-necessidades-e-superem-suas-expectativas-porque-para-n-s-sua-satisfa-o-o-que-importa {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  position: relative;
  width: 230px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -38%;
  left: 41%;

}

.atuamos-com-excel-ncia-na-manuten-o-de-equipamentos-adequa-o-de-ambientes-para-o-bem-estar-animal-e-solu-es-personalizadas-para-otimizar-a-produ-o-de-leite,
.atuamos-com-excel-ncia-na-manuten-o-de-equipamentos-adequa-o-de-ambientes-para-o-bem-estar-animal-e-solu-es-personalizadas-para-otimizar-a-produ-o-de-leite
  * {
  box-sizing: border-box;
}
.atuamos-com-excel-ncia-na-manuten-o-de-equipamentos-adequa-o-de-ambientes-para-o-bem-estar-animal-e-solu-es-personalizadas-para-otimizar-a-produ-o-de-leite {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: 14px;
  line-height: 100%;
  font-weight: 400;
  position: relative;
  width: 230px;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -56%;
  left: 74%;
}

.equipe-1,
.equipe-1 * {
  box-sizing: border-box;
}
.equipe-1 {
  width: 89px;
  height: 87px;
  position: relative;
  object-fit: cover;
  top: -114%;
  left: 12.5%;
}

.ordenhadeira-1,
.ordenhadeira-1 * {
  box-sizing: border-box;
}
.ordenhadeira-1 {
  width: 108px;
  height: 109px;
  position: relative;
  object-fit: cover;
  top: -110%;
  left: 39.25%;
}

.manuten-o-1,
.manuten-o-1 * {
  box-sizing: border-box;
}
.manuten-o-1 {
  width: 91px;
  height: 96px;
  position: relative;
  object-fit: cover;
  top: -114%;
  left: 65%;
}

.card-grid-image,
.card-grid-image * {
  box-sizing: border-box;
}
.card-grid-image {
  background: var(--var-sds-color-background-default-default, #ffffff);
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.text-content-heading {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.heading {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.subheading {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: left;
  font-family: var(--subheading-font-family, "Inter-Regular", sans-serif);
  font-size: var(--subheading-font-size, 20px);
  line-height: var(--subheading-line-height, 120%);
  font-weight: var(--subheading-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cards {
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-1200, 48px);
  row-gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 357px;
  position: relative;
}
.card {
  background: var(--var-sds-color-background-default-default, #ffffff);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-default-default, #d9d9d9);
  border-width: 1px;
  padding: var(--var-sds-size-space-600, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-600, 1.5rem);
  row-gap: 1.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  flex: 1;
  min-width: 240px;
  position: relative;
}
.image {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  min-width: 160px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.body {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-400,1rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: 160px;
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.title {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.body-text-for-whatever-you-d-like-to-say-add-main-takeaway-points-quotes-anecdotes-or-even-a-very-very-short-story {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: left;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: relative;
  align-self: stretch;
}

.button,
.button * {
  box-sizing: border-box;
}
.button {
  background: var(--var-sds-color-background-brand-default, #2c2c2c);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-brand-default, #2c2c2c);
  border-width: 1px;
  padding: var(--var-sds-size-space-300, 12px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: center;
  justify-content: center;
  width: 250.67px;
  position: relative;
  overflow: hidden;
  left: 220%;
  top: -20%;
}
.button2 {
  color: var(--var-sds-color-text-brand-on-brand, #f5f5f5);
  text-align: left;
  font-family: var(
    --single-line-body-base-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--single-line-body-base-font-size,1rem);
  line-height: var(--single-line-body-base-line-height, 100%);
  font-weight: var(--single-line-body-base-font-weight, 400);
  position: relative;
  
}

.card-grid-image,
.card-grid-image * {
  box-sizing: border-box;
}
.card-grid-image {
  background: var(--var-sds-color-background-default-default-hover, #f5f5f5);
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.text-content-heading {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.heading {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.subheading {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: left;
  font-family: var(--subheading-font-family, "Inter-Regular", sans-serif);
  font-size: var(--subheading-font-size, 20px);
  line-height: var(--subheading-line-height, 120%);
  font-weight: var(--subheading-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cards {
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-1200, 48px);
  row-gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 357px;
  position: relative;
}
.card {
  background: var(--var-sds-color-background-default-default, #ffffff);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-default-default, #d9d9d9);
  border-width: 1px;
  padding: var(--var-sds-size-space-600, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-600, 1.5rem);
  row-gap: 1.5rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex: 1;
  min-width: 240px;
  position: relative;
}
.image {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  min-width: 160px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.body {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-400,1rem);
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  min-width: 160px;
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.title {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: center;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.body-text-for-whatever-you-d-like-to-say-add-main-takeaway-points-quotes-anecdotes-or-even-a-very-very-short-story {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: left;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.body2 {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-400,1rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: 160px;
  position: relative;
}
.text2 {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.card2 {
  background: var(--var-sds-color-background-default-default, #ffffff);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-default-default, #d9d9d9);
  border-width: 1px;
  padding: var(--var-sds-size-space-600, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-600, 1.5rem);
  row-gap: 1.5rem;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  flex: 1;
  min-width: 240px;
  position: relative;
}
.title2 {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  align-self: stretch;
}

.card-grid-image,
.card-grid-image * {
  box-sizing: border-box;
}
.card-grid-image {
  background: var(--var-sds-color-background-default-default, #ffffff);
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.cards {
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-1200, 48px);
  row-gap: 48px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 260px;
  position: relative;
}
.card {
  background: var(--var-sds-color-background-default-default, #ffffff);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-default-default, #d9d9d9);
  border-width: 1px;
  padding: var(--var-sds-size-space-600, 1.5rem);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-600, 1.5rem);
  row-gap: 1.5rem;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  flex: 1;
  min-width: 240px;
  position: relative;
}
.image {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 160px;
  height: 160px;
  min-width: 160px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.body {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-400,1rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  min-width: 160px;
  position: relative;
}
.text {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.title {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: center;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.body-text-for-whatever-you-d-like-to-say-add-main-takeaway-points-quotes-anecdotes-or-even-a-very-very-short-story {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: left;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: relative;
  align-self: stretch;
}
.cards2 {
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-1200, 48px);
  row-gap: 48px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
  align-self: stretch;
  flex-shrink: 0;
  height: 357px;
  position: relative;
}

/*Serviços*/

.card-grid-pricing,
.card-grid-pricing * {
  box-sizing: border-box;
}
.card-grid-pricing {
  background: var(--var-sds-color-background-default-default, #ffffff);
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.card-grid {
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-1600, 64px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pricing-card {
  background: var(--var-sds-color-background-default-default, #ffffff);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-default-default, #d9d9d9);
  border-width: 1px;
  padding: var(--var-sds-size-space-800, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-600, 1.5rem);
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: 300px;
  position: relative;
  overflow: hidden;
}
.top {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-400,1rem);
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-heading {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 149px;
  height: 29px;
  position: relative;
}
.text-heading2 {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: center;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  flex: 1;
}
.text-price {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-end;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.price {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.div {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(
    --var-sds-typography-title-page-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: var(--var-sds-typography-subtitle-size-small, 1.5rem);
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: var(--var-sds-typography-title-page-font-weight, 700);
  position: relative;
}
._50 {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(
    --var-sds-typography-title-page-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: var(--var-sds-typography-title-page-size-base, 48px);
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: var(--var-sds-typography-title-page-font-weight, 700);
  position: relative;
}
.mo {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--var-sds-typography-body-size-small, 14px);
  line-height: 180%;
  font-weight: var(--var-sds-typography-body-font-weight-regular, 400);
  position: relative;
}
.text-list {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-300, 12px);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text-list-item {
  flex-shrink: 0;
  width: 89px;
  height: 22px;
  position: relative;
}
.list-item {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: left;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: absolute;
  right: 100%;
  left: 0%;
  width: 0%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button6 {
  background: var(--var-sds-color-background-brand-default, #2c2c2c);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-brand-default, #2c2c2c);
  border-width: 1px;
  padding: var(--var-sds-size-space-300, 12px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.button7 {
  color: var(--var-sds-color-text-brand-on-brand, #f5f5f5);
  text-align: left;
  font-family: var(
    --single-line-body-base-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--single-line-body-base-font-size,1rem);
  line-height: var(--single-line-body-base-line-height, 100%);
  font-weight: var(--single-line-body-base-font-weight, 400);
  position: relative;
}
.pricing-card2 {
  background: var(--var-sds-color-background-brand-default, #2c2c2c);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-brand-default, #2c2c2c);
  border-width: 1px;
  padding: var(--var-sds-size-space-800, 32px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-600, 1.5rem);
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  min-width: 300px;
  position: relative;
  overflow: hidden;
}
.text-heading3 {
  color: #ffffff;
  text-align: center;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  flex: 1;
}
.div2 {
  color: var(--var-sds-color-text-brand-on-brand, #f5f5f5);
  text-align: left;
  font-family: var(
    --var-sds-typography-title-page-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: var(--var-sds-typography-subtitle-size-small, 1.5rem);
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: var(--var-sds-typography-title-page-font-weight, 700);
  position: relative;
}
._502 {
  color: var(--var-sds-color-text-brand-on-brand, #f5f5f5);
  text-align: left;
  font-family: var(
    --var-sds-typography-title-page-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: var(--var-sds-typography-title-page-size-base, 48px);
  line-height: 100%;
  letter-spacing: -0.02em;
  font-weight: var(--var-sds-typography-title-page-font-weight, 700);
  position: relative;
}
.mo2 {
  color: var(--var-sds-color-text-brand-on-brand, #f5f5f5);
  text-align: left;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--var-sds-typography-body-size-small, 14px);
  line-height: 180%;
  font-weight: var(--var-sds-typography-body-font-weight-regular, 400);
  position: relative;
}
.list-item2 {
  color: var(--var-sds-color-text-brand-on-brand, #f5f5f5);
  text-align: left;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: absolute;
  right: 100%;
  left: 0%;
  width: 0%;
  bottom: 0%;
  top: 0%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button3 {
  background: var(--var-sds-color-background-neutral-tertiary, #e3e3e3);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-neutral-secondary, #767676);
  border-width: 1px;
  padding: var(--var-sds-size-space-300, 12px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.button4 {
  color: var(--var-sds-color-text-brand-on-brand-secondary, #1e1e1e);
  text-align: left;
  font-family: var(
    --single-line-body-base-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--single-line-body-base-font-size,1rem);
  line-height: var(--single-line-body-base-line-height, 100%);
  font-weight: var(--single-line-body-base-font-weight, 400);
  position: relative;
}

/*Serviços prte 2*/

.oferecemos-servi-os-de-montagens-de-equipamentos-assist-ncia-t-cnica-para-seu-espa-o-e-manuten-o,
.oferecemos-servi-os-de-montagens-de-equipamentos-assist-ncia-t-cnica-para-seu-espa-o-e-manuten-o
  * {
  box-sizing: border-box;
}
.oferecemos-servi-os-de-montagens-de-equipamentos-assist-ncia-t-cnica-para-seu-espa-o-e-manuten-o {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: center;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: relative;
  width: 277px;
  top: -20%;
  left: 10%;
}

.aceitamos-equipamentos-usados-para-reforma-e-venda,
.aceitamos-equipamentos-usados-para-reforma-e-venda * {
  box-sizing: border-box;
}
.aceitamos-equipamentos-usados-para-reforma-e-venda {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: center;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: relative;
  width: 214px;
  left: 22%;
  top: -20%;
}

.h-servi-o-para-equipamentos-serem-desmontados-e-montados-em-novos-equipamentos,
.h-servi-o-para-equipamentos-serem-desmontados-e-montados-em-novos-equipamentos
  * {
  box-sizing: border-box;
}
.h-servi-o-para-equipamentos-serem-desmontados-e-montados-em-novos-equipamentos {
  color: #ffffff;
  text-align: center;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: relative;
  width: 252px;
  left: 16%;
  top: -20%;
}

.text-content-heading,
.text-content-heading * {
  box-sizing: border-box;
}
.text-content-heading2 {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  left: 4%;
}
.heading {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.subheading {
  color: var(--var-sds-color-text-default-secondary, #757575);
  text-align: left;
  font-family: var(--subheading-font-family, "Inter-Regular", sans-serif);
  font-size: var(--subheading-font-size, 20px);
  line-height: var(--subheading-line-height, 120%);
  font-weight: var(--subheading-font-weight, 400);
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.panel-image-content,
.panel-image-content * {
  box-sizing: border-box;
}
.panel-image-content {
  background: var(--agro-2, #051c40);
  opacity: 0.8;
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: center;
  justify-content: flex-start;
  height: 463px;
  position: relative;
}
.image5 {
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 484px;
  height: 350px;
  position: relative;
  overflow: hidden;
  object-fit: cover;
}
.text-content-flow5 {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-600, 1.5rem);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 484px;
  height: 351px;
  min-width: 300px;
  position: relative;
}
.text-content-heading5 {
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading5 {
  color: var(--var-sds-color-text-neutral-on-neutral, #f3f3f3);
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  align-self: stretch;
}
.text6 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text5 {
  color: #ffffff;
  text-align: left;
  font-family: var(--body-base-font-family, "Inter-Regular", sans-serif);
  font-size: var(--body-base-font-size,1rem);
  line-height: var(--body-base-line-height, 140%);
  font-weight: var(--body-base-font-weight, 400);
  position: relative;
  flex: 1;
}

.map {
  margin: 20px 0;
  width: 100%;
  height: 300px;
  border: none;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

/*Fim*/

.card-grid-reviews,
.card-grid-reviews * {
  box-sizing: border-box;
}
.card-grid-reviews {
  background: #000000;
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  height: 127px;
  position: relative;
}

.instagram,
.instagram * {
  box-sizing: border-box;
}
.instagram {
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
  margin-top: -2%;
  left: 2%;
}
.agroforteordenhadeiras,
.agroforteordenhadeiras * {
  box-sizing: border-box;
}

.agroforteordenhadeiras {
  color: #ffffff;
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  margin-top: -6%;
  left: 7%;
}

.message-circle,
.message-circle * {
  box-sizing: border-box;
}
.message-circle {
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
  margin-top: -6.5%;
  left: 35%;
}

._62-9-9172-3823-62-9-9270-2358-62-3307-2266,
._62-9-9172-3823-62-9-9270-2358-62-3307-2266 * {
  box-sizing: border-box;
}
._62-9-9172-3823-62-9-9270-2358-62-3307-2266 {
  color: #ffffff;
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  width: 214px;
  margin-top: -8%;
  left: 40%;
}

.inbox,
.inbox * {
  box-sizing: border-box;
}
.inbox {
  width: 48px;
  height: 48px;
  position: relative;
  overflow: visible;
  margin-top: -8.6%;
  left: 60%;
}

.agroforteordenhadeiras-outlook-com,
.agroforteordenhadeiras-outlook-com * {
  box-sizing: border-box;
}
.agroforteordenhadeiras-outlook-com {
  color: #ffffff;
  text-align: left;
  font-family: var(--heading-font-family, "Inter-SemiBold", sans-serif);
  font-size: var(--heading-font-size, 1.5rem);
  line-height: var(--heading-line-height, 120%);
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  font-weight: var(--heading-font-weight, 600);
  position: relative;
  margin-top: -6.3%;
  left: 50%;
}

/*Ajuda*/

.card-grid-reviews2,
.card-grid-reviews2 * {
  box-sizing: border-box;
}
.card-grid-reviews2 {
  background: var(--agro-2, #051c40);
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  height: 127px;
  position: relative;
}

.precisa-de-ajuda,
.precisa-de-ajuda * {
  box-sizing: border-box;
}
.precisa-de-ajuda {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
  position: relative;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1%;
  left: 20%;
}

.button9,
.button9 * {
  box-sizing: border-box;
}
.button9 {
  background: var(--var-sds-color-background-neutral-tertiary, #e3e3e3);
  border-radius: var(--var-sds-size-radius-200,0.5rem);
  border-style: solid;
  border-color: var(--var-sds-color-border-neutral-secondary, #767676);
  border-width: 1px;
  padding: var(--var-sds-size-space-300, 12px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200,0.5rem);
  align-items: center;
  justify-content: center;
  width: 250.67px;
  position: relative;
  overflow: hidden;
  margin-top: -5.3%;
  left: 55%;
}
.button10 {
  color: var(--var-sds-color-text-default-default, #1e1e1e);
  text-align: left;
  font-family: var(
    --single-line-body-base-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: var(--single-line-body-base-font-size,1rem);
  line-height: var(--single-line-body-base-line-height, 100%);
  font-weight: var(--single-line-body-base-font-weight, 400);
  position: relative;
}

/*Créditos*/

.card-grid-reviews3,
.card-grid-reviews3 * {
  box-sizing: border-box;
}
.card-grid-reviews3 {
  background: #000000;
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  height: 235px;
  position: relative;
}

.card-grid-reviews4,
.card-grid-reviews4 * {
  box-sizing: border-box;
}
.card-grid-reviews4 {
  background: #ffffff;
  border-radius: 1028px;
  padding: var(--var-sds-size-space-1600, 64px);
  display: flex;
  flex-direction: column;
  gap: var(--var-sds-size-space-1200, 48px);
  align-items: flex-start;
  justify-content: flex-start;
  height: 127px;
  width: 1350px;
  position: relative;
  margin-top: -1.4%;
}

.ifmais-1,
.ifmais-1 * {
  box-sizing: border-box;
}
.ifmais-1 {
  height: 52px;
  position: relative;
  object-fit: cover;
  margin-top: -1%;
}

.nepeti-1,
.nepeti-1 * {
  box-sizing: border-box;
}
.nepeti-1 {
  width: 171px;
  height: 63px;
  position: relative;
  object-fit: cover;
  margin-top: -8%;
  margin-left: 40%;
}

.ceres-1,
.ceres-1 * {
  box-sizing: border-box;
}
.ceres-1 {
  height: 75px;
  position: relative;
  object-fit: cover;
  margin-top: -8.4%;
  margin-left: 56%;
}


._2024-if-mais-empreendedor-todos-os-direitos-reservados,
._2024-if-mais-empreendedor-todos-os-direitos-reservados * {
  box-sizing: border-box;
}
._2024-if-mais-empreendedor-todos-os-direitos-reservados {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Regular",
    sans-serif
  );
  font-size: 20px;
  line-height: 100%;
  font-weight: 400;
  position: relative;
  height: 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2%;
  margin-left: 30%;
}

a {
  text-decoration: none;
}

/*tentando resolver as bordas brancas*/ 

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  overflow-x: hidden;
}

/* Botão do WhatsApp */
.whatsapp-button {
  display: inline-flex;
  align-items: center;
  background-color: #180071;
  color: white;
  padding: 15px 25px;
  border-radius: 50px;
  text-decoration: none;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  transition: background-color 0.3s ease;
  position: fixed;
  bottom: 20px;
  right: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}

.whatsapp-button i {
  font-size: 24px;
  margin-right: 10px;
}

.whatsapp-button:hover {
  background-color: #111010;
}

#whatsapp-img {
  width: 28px;
}

/* tentando arrumar os links*/