/** Alternate Theme **/
body.light-mode .servicos-section{
  background-color: var(--light);
}

body.light-mode .servicos-section h3{
  color: var(--dark);
}

body.light-mode .icon-link-simple{
  filter: invert(0);
  width: 20px;
  position: relative;
  left: 6px;
  top: 6px;
  transition: ease 0.2s;
}

body.light-mode .link-simple-service{
  color: var(--dark);
  transition: ease 0.2s;
  font-weight: 400;
}

body.light-mode .link-simple-service:hover{
  color: var(--dar);
  transition: ease 0.2s;
  text-decoration: underline;
}

body.light-mode .number-indice{
color: var(--dark);

}

body.light-mode .title-big-numbers-servicos {
  color: var(--dark);
  font-family: var(--funnel);
  font-size: 32px;
  margin-bottom: 16px;
}

body.light-mode .title-big-numbers-section {
  text-align: center;
  color: var(--dark);
  font-size: 40px;
  font-family: var(--funnel);
  margin-top: 30px;
  margin-bottom: 40px;
}

body.light-mode .servicos-section{
    padding: 160px 0px 0px 0px;
    background-image: url('../img/bg-body-light.webp');
}

body.light-mode .picto-draw-2 {
  width: 120px;
  filter: invert(0);
  position: absolute;
  left: 49px;
  top: 45px;
}

body.light-mode .padding-box-processo {
  padding: 37px;
  background: #d6d6d630;
  border-radius: 15px;
}

/** Alternate Theme **/

.servicos-section{
    background-image: url('../img/bg-body.webp');
    padding: 160px 0px 0px 0px;
}

.servicos-section h1 {
  font-family: var(--funnel);
  color: var(--white);
  font-size: 58px;
  line-height: 56px;
}

.servicos-section h2 {
font-family: var(--funnel);
  color: var(--light);
  font-size: 24px;
  padding: 16px 0px 16px 0px;
  font-weight: 400;
}

.servicos-section p{
  font-family: var(--onest);
  color: var(--grey);
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

.servicos-section h3 {
font-family: var(--funnel);
color: var(--white);
font-size: 44px;
line-height: 40px;
margin-bottom: 16px;
}

.space-section-servicos{
    padding: 44px 0px;
}

.box-process-detail{
  border: 2px solid #ffffff4d;
  border-radius: 8px;
  padding: 8px;
  margin: 10px 0px;
}

.box-process-detail p{
  text-align: center!important;
  font-size: 14px!important;
}

.title-big-numbers-section{
    text-align: center;
  color: #fff;
  font-size: 40px;
  font-family: var(--funnel);
  margin-top: 30px;
  margin-bottom: 40px;
}

.title-big-numbers-servicos{
    color: var(--white);
  font-family: var(--funnel);
  font-size: 32px;
  margin-bottom: 16px;
}

.icon-big-numbers-servicos{
    display: block;
  width: 40px;
  margin-bottom: 16px;
  border-radius: 6px;
}

.padding-topo-servicos{
  padding-right: 110px;
  padding-top: 30px;
}

.padding-box-processo {
  padding: 37px;
  background: #ffffff05;
  border-radius: 15px;
}

.number-indice {
  color: #fff;
  width: 38px;
  font-family: var(--funnel);
  font-size: 25px;
  border-radius: 10px;
  font-weight: 600;
  display: block;
  margin-left: 38px;
  margin-bottom: 23px;
  margin-top: 21px;
}

.img-box-certificacoes{
  width: 100%;
  border-radius: 15px;
}

.padding-box-certificacoes{
  padding-top: 50px;
  padding-right: 100px;
}

.title-box-certificacoes{
  font-size: 45px!important;
  line-height: 48px!important;
}

.link-box-certificacoes{
  padding-bottom: 30px!important;
  font-size: 20px!important;
  font-weight: 500!important;
}

/** Responsivo **/

@media (min-width: 300px) and (max-width: 767px) {
.padding-topo-servicos {
  padding-right: 0px;
  padding-top: 0px;
}

.padding-box-processo {
  padding-right: 0px;
  margin-bottom: 16px;
}

  .number-indice {
    margin-top: 37px;
    width: 27px;
    font-size: 19px;
    margin-left: 22px;
  }

.space-section-servicos {
  padding: 0px 0px;
}

.box-motivos-plataformas {
  min-height: auto;
}

.padding-box-certificacoes {
  padding-top: 0px;
  padding-right: 0px;
}

.title-box-certificacoes{
font-size: 28px!important;
  line-height: 34px!important;
}

.servicos-section {
  padding: 120px 0px 0px 0px;
}

body.light-mode .servicos-section {
  padding: 120px 0px 0px 0px;
}

.padding-box-processo {
  padding: 0px;
    padding-right: 0px;
  background: #ffffff05;
  border-radius: 15px;
}

body.light-mode .padding-box-processo {
  padding: 0px;
    padding-right: 0px;
  background: #ffffff00;
  border-radius: 15px;
}

.picto-draw-2 {
  width: 77px;
  filter: invert(1);
  position: absolute;
  left: 9px;
  top: 31px;
}

body.light-mode .picto-draw-2 {
  width: 77px;
  filter: invert(0);
  position: absolute;
  left: 9px;
  top: 31px;
}

.title-big-numbers-section {
  text-align: left;
  font-size: 31px;
  font-family: var(--funnel);
  margin-top: 0px;
  margin-bottom: 17px;
  line-height: 32px;
}

body.light-mode .title-big-numbers-section {
  text-align: left;
  font-size: 31px;
  font-family: var(--funnel);
  margin-top: 0px;
  margin-bottom: 17px;
  line-height: 32px;
}


}

@media (min-width: 768px) and (max-width: 1023px) {
.padding-topo-servicos {
  padding-right: 0px;
  padding-top: 0px;
}

.title-big-numbers-section {
  text-align: left;
  color: #fff;
  font-size: 31px;
  font-family: var(--funnel);
  margin-top: 0px;
  margin-bottom: 17px;
  line-height: 32px;
}

.padding-box-processo {
  padding-right: 0px;
}

  .number-indice {
    margin-top: 37px;
    width: 27px;
    font-size: 19px;
    margin-left: 22px;
  }

.space-section-servicos {
  padding: 0px 0px;
}

.box-motivos-plataformas {
  min-height: auto;
}

.padding-box-certificacoes {
  padding-top: 0px;
  padding-right: 0px;
}

.title-box-certificacoes{
font-size: 28px!important;
  line-height: 34px!important;
}
.servicos-section {
  padding: 120px 0px 0px 0px;
}

body.light-mode .servicos-section {
  padding: 120px 0px 0px 0px;
}

.padding-box-processo {
  padding: 0px;
    padding-right: 0px;
  background: #ffffff05;
  border-radius: 15px;
}

.picto-draw-2 {
  width: 77px;
  filter: invert(1);
  position: absolute;
  left: 9px;
  top: 31px;
}

}

@media (min-width: 1024px) and (max-width: 1279px) {
.padding-topo-servicos {
  padding-right: 0px;
  padding-top: 0px;
}


}

@media (min-width: 1280px) and (max-width: 1535px) {

}


@media (min-width: 1536px) {

}