.contact {
  margin-top: 200px;
  margin-bottom: 150px;
}

.contact-inner {
  width: 85%;
  margin: 0 auto;
  padding: 0;
}

.contact-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 53px;
}

.contact-content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.contact-media {
  flex: 1 1 0;
}

.contact-media img {
  max-width: 100%;
  height: auto;
  display: block;
}

.contact-btn {
  display: block;
  width: 509px;
  margin-top: 32px;
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #43a668;
  background: linear-gradient(270deg, #45a962 0%, #2885a0 100%);
  color: #fff;
  text-align: center;
}

.contact-btn:hover {
  background-color: #17144f;
}

@media (min-width: 769px) and (max-width: 1024px) {
  .contact {
    margin-top: 400px;
  }
  .contact-row {
    gap: 28px;
  }
  .contact-btn {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .contact {
    margin-top: 400px;
  }
  .contact-row {
    flex-direction: column;
    gap: 24px;
  }
  .contact-btn {
    width: 100%;
  }
  .contact-media img {
    display: none;
  }
}
@media (max-width: 480px) {
  .contact {
    margin-top: 650px;
  }
  .contact-btn {
    width: 100%;
  }
  .contact-media img {
    display: none;
  }
}