/* Employer Offer & Hire marketing page — scroll reveal */

.employer-page .fade-up {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.employer-page .fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}


.md\:text-6xl {
  font-size: 3rem !important;
}

.cta-btn a{
  padding: 10px 36px;
  color: #fff !important;
}

.font-inherit{
  font-size: inherit;
}

@media screen and (max-width: 576px) {
  /* mobile phones */
  .md\:text-6xl {
    font-size: 2rem !important;
  }

  .employer-page main > section {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .employer-page main > section.pt-24 {
    padding-top: 3.5rem !important;
    padding-bottom: 2.25rem !important;
  }

  .employer-page main > section.py-20 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  .employer-page main > section.py-12 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }

  .employer-page .eoh-cta-hero-wrap {
    gap: 0.5rem !important;
  }

  .employer-page .eoh-cta-hero-btn,
  .employer-page .eoh-cta-bottom-btn {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    font-size: 0.9375rem !important;
    gap: 0.375rem;
  }

  .employer-page .eoh-cta-bottom-title {
    font-size: 1.375rem !important;
    line-height: 1.3;
    margin-bottom: 1.25rem !important;
  }
}

@media screen and (min-width: 576px) and (max-width: 768px) and (orientation: portrait) {
  /* iPad mini / small tablets in portrait */
  .md\:text-6xl {
    font-size: 2.5rem !important;
  }

  .employer-page main > section {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .employer-page main > section.pt-24 {
    padding-top: 4.5rem !important;
    padding-bottom: 3rem !important;
  }

  .employer-page main > section.py-20 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .employer-page main > section.py-12 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
}

@media screen and (min-width: 769px) and (max-width: 820px) and (orientation: portrait) {
  /* iPad Air (portrait) */
  .md\:text-6xl {
    font-size: 2.5rem !important;
  }

  .employer-page main > section {
    padding-left: 1.35rem !important;
    padding-right: 1.35rem !important;
  }

  .employer-page main > section.pt-24 {
    padding-top: 5rem !important;
    padding-bottom: 3.25rem !important;
  }

  .employer-page main > section.py-20 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .employer-page main > section.py-12 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
  }
}

@media screen and (min-width: 821px) and (max-width: 834px) and (orientation: portrait) {
  /* iPad Pro 11" (portrait) */
  .md\:text-6xl {
    font-size: 2.5rem !important;
  }

  .employer-page main > section {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important;
  }

  .employer-page main > section.pt-24 {
    padding-top: 5.25rem !important;
    padding-bottom: 3.5rem !important;
  }

  .employer-page main > section.py-20 {
    padding-top: 4.25rem !important;
    padding-bottom: 4.25rem !important;
  }

  .employer-page main > section.py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
}

@media screen and (min-width: 835px) and (max-width: 1024px) and (orientation: portrait) {
  /* iPad Pro 12.9" and large tablets (portrait) */
  .md\:text-6xl {
    font-size: 2.5rem !important;
  }

  .employer-page main > section {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .employer-page main > section.pt-24 {
    padding-top: 5.5rem !important;
    padding-bottom: 3.75rem !important;
  }

  .employer-page main > section.py-20 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }

  .employer-page main > section.py-12 {
    padding-top: 3.25rem !important;
    padding-bottom: 3.25rem !important;
  }
}