@charset "UTF-8";
.services {
  margin-top: 180px;
  /* Para dispositivos pequenos (smartphones em modo retrato) */
  /* Para dispositivos médios (tablets) */
  /* Para dispositivos grandes (tablets e notebooks maiores) */
  /* Para dispositivos extra grandes (desktops) */
  /* Para telas muito grandes (desktops de alta resolução) */
}
.services .services-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.services .services-content p {
  color: #999;
  margin-top: 10px;
}
.services .services-content .services-content--left {
  width: 40%;
  padding: 0 50px 0 0;
}
.services .services-content .services-content--right {
  display: flex;
  flex-direction: column;
  width: 60%;
}
.services .services-content .services-content--right .services-content--right---items {
  display: flex;
}
.services .services-content .services-content--right .services-content--right---items .services-content--right---items----item {
  width: 50%;
  display: flex;
  align-items: center;
  padding: 10px 30px 10px 0;
  border: 1px solid var(--primary-1);
  border-radius: 15px;
}
.services .services-content .services-content--right .services-content--right---items .services-content--right---items----item .services-content--right---items----item-----icon {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.services .services-content .services-content--right .services-content--right---items .services-content--right---items----item .services-content--right---items----item-----icon i {
  background-color: var(--primary-1);
  width: 50px;
  padding: 50px 0;
  border-radius: 7px;
  color: var(--primary-3);
  display: flex;
  justify-content: center;
}
.services .services-content .services-content--right .services-content--right---items .services-content--right---items----item .services-content--right---items----item-----info {
  width: 80%;
}
.services .services-content .services-content--right .services-content--right---items .services-content--right---items----item .services-content--right---items----item-----info p {
  color: #999;
}
.services .services-content .services-content--right .services-content--right---items .services-content--right---items----item:nth-child(2) {
  margin-left: 10px;
}
.services .services-content .services-content--right .services-content--right---items:nth-child(2), .services .services-content .services-content--right .services-content--right---items:nth-child(3) {
  margin-top: 10px;
}
@media (max-width: 576px) {
  .services {
    margin-top: 120px;
  }
  .services .services-content {
    flex-direction: column;
  }
  .services .services-content .services-content--left {
    width: 100%;
    padding: 0 0 0 0;
    text-align: center;
  }
  .services .services-content .services-content--right {
    width: 100%;
    margin-top: 50px;
  }
  .services .services-content .services-content--right .services-content--right---items {
    width: 100%;
    flex-direction: column;
  }
  .services .services-content .services-content--right .services-content--right---items .services-content--right---items----item {
    width: 100%;
    margin-bottom: 20px;
  }
  .services .services-content .services-content--right .services-content--right---items .services-content--right---items----item:nth-child(2) {
    margin-left: 0;
  }
  .services .services-content .services-content--right .services-content--right---items:nth-child(2), .services .services-content .services-content--right .services-content--right---items:nth-child(3) {
    margin-top: 0px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .services {
    /* Estilos para telas entre 577px e 768px */
    margin-top: 150px;
  }
  .services .services-content {
    flex-direction: column;
  }
  .services .services-content .services-content--left {
    width: 100%;
    padding: 0 0 0 0;
    text-align: center;
  }
  .services .services-content .services-content--right {
    width: 100%;
    margin-top: 50px;
  }
  .services .services-content .services-content--right .services-content--right---items {
    width: 100%;
    flex-direction: column;
  }
  .services .services-content .services-content--right .services-content--right---items .services-content--right---items----item {
    width: 100%;
    margin-bottom: 20px;
  }
  .services .services-content .services-content--right .services-content--right---items .services-content--right---items----item:nth-child(2) {
    margin-left: 0;
  }
  .services .services-content .services-content--right .services-content--right---items:nth-child(2),
  .services .services-content .services-content--right .services-content--right---items:nth-child(3) {
    margin-top: 0px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .services {
    /* Estilos para telas entre 769px e 992px */
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .services {
    /* Estilos para telas entre 993px e 1200px */
  }
}
@media (min-width: 1201px) {
  .services {
    /* Estilos para telas maiores que 1200px */
  }
}

/*# sourceMappingURL=services.css.map */