.fourth-section {
  width: 100%;
  max-width: 1200px;

  display: flex;
  flex-direction: column;
  align-items: center;

  padding: 4rem 0;
}

.fourth-section h2 {
  font-size: 3rem;
  font-weight: 700;
  text-align: center;

  color: var(--blue9);
}
.fourth-section h2 strong {
  font-weight: 700;
  color: var(--red9);
}

.fourth-section p {
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 2rem;
  text-align: center;

  color: var(--blue9);
}
.fourth-section p:nth-child(3) {
  font-size: 1rem;
}

.fourth-section form {
  width: 100%;

  display: flex;
  flex-direction: column;
  gap: 1rem;

  padding: 1.5rem;
  border-radius: 0.5rem;

  border: 1px solid var(--gray8);
}

.fourth-section form div {
  display: flex;
  flex-direction: column;
}

.fourth-section form div label {
  margin-bottom: 0.1rem;
  color: var(--blue9);
}

.fourth-section form div input {
  font-size: 0.9rem;
  padding: 0.7rem 1rem;
  border-radius: 0.5rem;

  transition: .3s ease;

  border: 2px solid var(--gray7);
}
.fourth-section form div input::placeholder {
  color: var(--gray8);
}
.fourth-section form div input:hover {
  border: 2px solid var(--gray9);
}
.fourth-section form div input:focus {
  border: 2px solid var(--gray9);
}

.fourth-section form button {
  font-size: 1.1rem;
  padding: 0.7rem 0;
  border-radius: 0.5rem;

  transition: .3s ease;

  color: var(--white9);
  background: var(--blue9);
}
.fourth-section form button:hover {
  background: var(--blue8);
}
.fourth-section form button:focus {
  background: var(--blue8);
}

@media (max-width: 1250px) {
  .fourth-section {
    padding: 4rem 1rem;
  }
}

@media (max-width: 575px) {
  .fourth-section h2 {
    line-height: 3.5rem;
    margin-bottom: 1rem;
  }
}