.section.hero {
    min-height: 100svh;
}

.fade-in-elements {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  transition: opacity 0.6s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
  will-change: opacity, transform;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform: translateY(20px) translateZ(0);
  transform: translateY(20px) translateZ(0);
}


  .fade-in-elements.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

.fade-in-elements-opacity {
  opacity: 0;
  -webkit-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out;
  will-change: opacity;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

  .fade-in-elements-opacity.in-view {
    opacity: 1;
  }

  span.underlined {
    position: relative;
    display: inline;
  }

  span.underlined::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: var(--white);
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: bottom right;
            transform-origin: bottom right;
    -webkit-transition: -webkit-transform 0.3s ease-out 0.4s;
    transition: -webkit-transform 0.3s ease-out 0.4s;
    transition: transform 0.3s ease-out 0.4s;
    transition: transform 0.3s ease-out 0.4s, -webkit-transform 0.3s ease-out 0.4s;
  }

  span.underlined.dark-underlined::after {
    background-color: var(--text-color);
  }

  @media (min-width: 992px) {
    span.underlined.dark-underlined::after {
      height: 3px;
    }
  }

  span.underlined.in-view::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
  }

  .img-jobs-right-1,
  .img-jobs-right-2 {
    opacity: 0;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    -webkit-transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
    transition: opacity 0.8s ease-out, -webkit-transform 0.8s ease-out;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out, -webkit-transform 0.8s ease-out;
  }

  .img-jobs-right-1.in-view,
  .img-jobs-right-2.in-view {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }