.app-section {
  width: 100%;
  display: flex;
  max-width: 1240px;
  margin-top: 120px;
  gap: 40px;

  @media (max-width: 480px) {
    flex-direction: column-reverse;
    align-items: center;
  }
  
    @media (min-width: 768px) and (max-width: 991px) {
    margin-bottom: 120px;
  }
}

.app-section img {
  @media (max-width: 480px) {
    object-fit: contain;
    width: 100%;
  }
  
    @media (min-width: 768px) and (max-width: 991px) {
    width: 370px;
  }
}

.app-left-content {
  @media (max-width: 480px) {
    padding: 0 24px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  
    @media (min-width: 768px) and (max-width: 991px) {
    padding: 0 16px;
  }
}

.app-left-content h1 {
  font-size: 28px;
}

.app-left-content p {
  margin: 14px 0 21px;
  font-size: 14px;
  line-height: 28px;
  color: #011e41;

  @media (max-width: 480px) {
    font-size: 16px;
  }
}

.primary-button {
  background-color: #ff8200;
  outline: none;
  border: none;
  height: 56px;
  font-weight: 600;
  color: #fdfdfe;
  border-radius: 80px;
  padding: 8px 16px;
  text-transform: uppercase;
  border: 1px solid #ff8200;
  cursor: pointer;
}

.primary-button:hover {
  background-color: transparent;
  color: #ff8200;
  transition: background-color 0.6s ease-in-out;
}

.title {
  color: #011e41;
  font-size: 32px;
}
.contact-form {
  width: 100%;

  max-width: 500px;
  display: flex;
  flex-direction: column;
  margin-top: -60px;

  border: 1px solid #deecff;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.02),
    0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0143771),
    0px 22.3363px 17.869px rgba(0, 0, 0, 0.0119221),
    0px 12.5216px 10.0172px rgba(0, 0, 0, 0.01),
    0px 6.6501px 5.32008px rgba(0, 0, 0, 0.00807786),
    0px 2.76726px 2.21381px rgba(0, 0, 0, 0.00562291);

  padding: 40px;
  border-radius: 12px;
  background-color: #fdfdfe;

  @media (max-width: 480px) {
    margin-top: 24px;
    padding: 24px;
  }