:root {
  --cor_marca: #6e0310;
  --cor_preta: #000;
  --cor_branca: #fff;
  --font_16: 1rem;
  --font_18: 1.125rem;
  --font_20: 1.25rem;
  --font_22: 1.375rem;
  --font_24: 1.5rem;
  --font_26: 1.625rem;
  --font_28: 1.75rem;
  --font_30: 1.875rem;
  --font_32: 2rem;
  --font_34: 2.125rem;
  --font_36: 2.25rem;
  --font_38: 2.375rem;
  --font_40: 2.5rem;
  --font_42: 2.625rem;
  --font_44: 2.75rem;
  --font_46: 2.875rem;
  --font_48: 3rem;
  --font_50: 3.125rem;
  --font_60: 3.75rem;
  --font_70: 4.375rem;
}
/* primeira parte  */
/* logo  */
.logo_alteracao img {
  max-width: 250px;
}
.main-header .main-menu ul li a {
  padding: 20px 19px;
  font-weight: bold;
}
/* logo  */
.categories-area .single-cat .cat-icon span {
  color: var(--cor_marca);
}
.brand-area {
  padding: 70px 0px 50px 0px;
}
.footer_bg {
  background: #0e2d3e;
}
.footer {
  padding: 40px 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
.footer p {
  font-size: 12px;
  color: #fff;
  margin: 0;
  padding: 0;
}
.social_rodape_icones {
  display: flex;
  gap: 15px;
}
.social_rodape_icones li a:hover {
  color: #fff;
}
.slider-area .hero__caption span::before {
  width: 100px;
  height: 2px;
}
.slider-area .hero__caption h1 {
  /* font-family: "Roboto", sans-serif; */
  font-size: var(--font_50);
  max-width: 20ch;
}
.slider-area .hero__caption p {
  font-size: var(--font_18);
  text-transform: uppercase;
}
.btn {
  border: solid 1px var(--cor_marca);
}
.btn:hover {
  border: solid 1px var(--cor_marca);
}
.main-header .main-menu ul li:hover > a {
  color: var(--cor_marca);
}
/* primeira parte  */
.section-padding30 {
  padding: 50px 0px;
}
.section-padding3 {
  padding: 150px 0px 50px 0px;
}
.fale_especialista {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 50px 0px 80px 0px;
}
.wantToWork-caption h2 {
  font-size: var(--font_40);
  color: #092c3f;
  font-weight: 900;
  margin-bottom: 30px;
}
.testimonial-padding {
  padding: 70px 0px;
}
.fale_especialista_bg {
  background: #ffffff !important;
}
/* .categories-area .single-cat {
  cursor: pointer;
} */

.about-details .about-details-cap p {
  font-size: var(--font_18);
  max-width: 70ch;
}
/* servicos  */
.soluçoes {
  padding: 20px 0px;
}
.js-serviços h1 {
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif;
  font-size: var(--font_30);
  line-height: 50px;
  color: #092c3f;
  margin-left: 20px;
  font-weight: bold;
}
.js-serviços {
  font-family: "Roboto", sans-serif;
}
.js-serviços dd {
  display: none;
}
.js-serviços dd p {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: var(--font_16);
  color: #212529;
  margin-bottom: 0px;
  line-height: 32px;
}
.js-serviços dt {
  cursor: pointer;
  font-size: var(--font_20);
  color: var(--cor_marca);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

/* .js-serviços dt::before {
  content: "";
  margin-right: 10px;
  background: var(--cor_marca);
  height: 5px;
  width: 15px;
  display: inline-block;
} */

.js-serviços dd.ativo {
  display: block;
  animation: slidDown 0.8s forwards;
}
.servicoes_solucoes {
  margin-bottom: 20px;
  background: #ececec;
  padding: 20px;
  border: 1px solid rgba(110, 3, 16, 0.1);
  border-radius: 10px;
  max-width: 80%;
  margin: 0 auto 20px auto;
}
.js-serviços dt::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular);
  content: "\f885";
  rotate: -180deg;
  margin-left: 10px;
  font-size: 16px;
  transition: ease-in 0.2s;
}
/* .js-serviços dt.ativo::after {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font: var(--fa-font-regular);
  content: "\f885";
  rotate: 180deg;
  font-size: 16px;
} */
.text-center {
  text-align: center;
  margin-bottom: 50px !important;
}
@keyframes slidDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    max-height: 1000px;
    opacity: 1;
  }
}

/* servicos  */

/* formulario  */
.font-2-l {
  font-family: "Roboto", sans-serif;
  font-size: var(--font_18);
  font-weight: bold;
  color: #092c3f;
}

.boxed-btn:hover {
  background: var(--cor_marca);
  color: #fff !important;
  border: 1px solid var(--cor_marca);
}

/* formulario  */

.section-padding50 {
  padding: 100px 0px 50px 0px;
}