/* Suporte */

.mw-support-section {
  max-width: 1230px;
  margin: 50px auto;
}

.mw-support-container {
  display: flex;
  align-items: center;
  gap: 50px;
  max-width: 1000px;
  margin: 0 auto;
}

.mw-support-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.mw-support-info header h2 {
  font-size: 20px;
  font-family: "Poppins-Bold", sans-serif;
  color: #2d042e;
}

.mw-sup-text p {
  font-size: 14px;
  line-height: 28px;
  color: #9c9b99;
  font-family: "Poppins-Medium", sans-serif;
}

.mw-sup-button {
  border-radius: 20px;
  background-color: #fcce15;
  font-size: 14px;
  color: #2d042e;
  font-family: "Poppins-ExtraBold", sans-serif;
  padding: 15px 25px;
  cursor: pointer;
}

.mw-sup-img {
  width: 50%;
  height: 220px;
}

.mw-sup-img figure {
  width: 100%;
  height: 100%;
}

.mw-sup-img figure img {
  width: 100%;
  height: 100%;
}

.modal-support {
  display: none;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-radius: 4px 4px 0 0;
}

.modal-content-user {
  border-radius: 20px;
      width: 50%;
      margin: 0 auto;
      height: 50vh;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-group {
  margin-bottom: 1rem;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.form-box{
  flex-wrap: nowrap!important;
}

.justify-content-end{
  justify-content: flex-end;
}

#contatosFaleConosco{
      gap: 12px;
      /* gap: 11px; */
      align-items: center;
      justify-content: center;
      
}

@media (max-width: 1000px) {
  .mw-support-container {
    max-width: 720px;
  }
}

@media (max-width: 720px) {
  .mw-support-container {
    flex-direction: column-reverse;
    gap: 30px;
  }

  .mw-support-info {
    justify-content: center;
    align-items: center;
    padding: 15px;
    width: 68%;
    gap: 20px;
  }

  .mw-support-info header h2 {
    font-size: 16px;
    text-align: center;
  }

  .mw-sup-text p {
    font-size: 12px;
    text-align: center;
  }

  .mw-sup-button {
    font-size: 12px;
  }
}