.free {
  width: 100%;
  margin-top: 50px;
}

.free-content {
  width: 100%;
  margin: 0 auto 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.free-content--image---mobile {
  margin: 0 auto;
  display: block;
}

.free-content--image---desktop {
  display: none;
}

.free-content--features---collaborators {
  margin-top: 90px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  border-radius: 40px;
  border: 6px solid var(--primary);
  background-color: var(--primary-light);
}

.free-content--features---rh {
  margin-top: 90px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  border-radius: 40px;
  border: 6px solid var(--accent);
  background-color: var(--accent-light);
}

.free-content--features---title {
  transform: rotate(-20deg); /* Rotação anti-horário de 90 graus */
  position: relative;
  top: -65px;
  left: -40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 40px;
  padding: 10px 30px;
}

.free-content--features---collaborators .free-content--features---title {
  background-color: var(--primary);
}

.free-content--features---rh .free-content--features---title {
  background-color: var(--accent);
}

.free-content--features---title h3 {
  font-size: 1.2rem;
  color: var(--text-dark);
  font-weight: bold;
}

.free-content--features---title p {
  font-size: 1.4rem;
  color: var(--text-dark);
  font-weight: 500;
}

.free-content--features---items {
  margin-top: -25px;
  padding: 20px;
}

.free-content--features---items ul li {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
}

.free-content--features---items ul li img {
  width: 20px;
}

/* Tablet - 768px and up */
@media (min-width: 768px) {

}

/* Desktop - 1024px and up */
@media (min-width: 1024px) {

}

/* Large Desktop - 1200px and up */
@media (min-width: 1200px) {
  .free-content--image---desktop {
    display: block;
  }

  .free-content--image---mobile {
    display: none;
  }

  .free-content {
    flex-direction: row;
    gap: 2rem;
    padding: 0rem 12rem;
  }

  .free-content--features---collaborators {
    margin-top: 100px;
  }

  .free-content--features---rh {
    margin-top: 100px;
  }
}