.tasks-sec {
  position: relative;
  overflow: hidden;
  padding: 6.74vw 0;
  background-image: url(../imgs/tasks-bg.png);
  background-position: center;
  background-size: cover;
  justify-items: center;
}

.tasks-list {
  width: fit-content;
  margin: 0 auto;
  margin-top: 7.7vw;
  column-gap: .8vw;
  row-gap: 2.2vw;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.tasks-item {
  padding: 1.29vw 2.54vw;
  background-color: #131313;
  border-radius: .694vw;
  --border: .694vw;
  align-content: center;
}

.tasks-art {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  width: 47.36vw;
}

@media (max-width: 431px) {
  .tasks-art {
    width: 90vw;
  }
  .tasks-title {
    margin-top: 8vw;
    font-size: 7vw;
  }
  .tasks-list {
    text-align: center;
    gap: 4vw;
    flex-direction: column;
  }
  .tasks-item {
    width: 80vw;
    padding: 6vw 5vw;
    font-size: 4vw;
    border-radius: 4vw;
    --border: 4vw;
  }
  .tasks-item br {
    display: none;
  }
}