.main-bg {
  background-image: url('../img/main-bg.svg');
  background-size: cover;
  background-position: center center;
  color: var(--white-color);
}

.main-bg1 {
  background-image: url('../img/main-bg1svg.svg');
  background-size: cover;
  background-position: center center;
  color: var(--white-color);
}

.white-bg {
  background-image: url('../img/mainwhite-bg.svg');
  background-size: cover;
  background-position: center center;
  color: var(--primary-color);
}

.white-bg-menu {
  background-color: #9662c6;
  color: var(--white-color);
}

.main-content {
  max-width: 120rem;
  margin: 0 auto;
  padding: 10rem var(--gap);
}

.main-content2 {
  display: flex;
  align-items: center;
  flex-direction: column; /* Isso garante que os itens fiquem centralizados verticalmente também */
  width: 100%; /* Isso faz com que o .main-content ocupe toda a largura da tela */
  padding-top: 30px;
  }

.section {
  min-height: 100vh;
}

.menu-spacing {
  height: 65px;
}

body .full-width {
  width: 100%;
  flex: 1 1 100%;
}

.social-media-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.social-media-buttons a {
  margin: 5px;
}