.main {
  display: flex;
  flex-direction: column;
  padding: 0 55px 55px 55px;
  gap: 50px;
  background-image: url("../img/main/decor.svg"), url("../img/main/decor2.svg");
  background-position: -300px 500px, right -400px top 2500px;
  background-repeat: no-repeat, no-repeat;
}

@media (max-width: 1700px) {
  .main {
    padding: 0 40px 40px 40px;
    background-position: -300px 500px, right -400px top 2300px;
  }
}

@media (max-width: 1024px) {
  .main {
    padding: 0 16px 30px 16px;
  }
}

@media (max-width: 768px) {
  .main {
    gap: 20px;
    background-position: -300px 400px, right top 2000px;
  }
}