@font-face {
    font-family: 'Helvetica Now Display';
    src: url('./fonts/HelveticaNowDisplay-Medium.eot');
    src: local('Helvetica Now Display Medium'), local('HelveticaNowDisplay-Medium'),
        url('./fonts/HelveticaNowDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNowDisplay-Medium.woff2') format('woff2'),
        url('./fonts/HelveticaNowDisplay-Medium.woff') format('woff'),
        url('./fonts/HelveticaNowDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Now Display';
    src: url('./fonts/HelveticaNowDisplay-Regular.eot');
    src: local('Helvetica Now Display Regular'), local('HelveticaNowDisplay-Regular'),
        url('./fonts/HelveticaNowDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/HelveticaNowDisplay-Regular.woff2') format('woff2'),
        url('./fonts/HelveticaNowDisplay-Regular.woff') format('woff'),
        url('./fonts/HelveticaNowDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.zen-kaku-gothic-new {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.top-career-header .top-section-title {
  font-family: "helvetica-now-display", "Helvetica Now", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: normal;
}
.top-career-training-title {
  font-family: "helvetica-now-display", "Helvetica Now", "Helvetica Neue",
    Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
}

body, .content-intro, .content-text, .footer-list {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}

.subtitle-line, .cta-text, .footer-title, .nav {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 900;
  letter-spacing: 0;
}

.top-hero-title {
	font-family: 'Helvetica Now Display';
}
.top-recruit-card-image {
  aspect-ratio: 8 / 5;
}
#part-time-image, #new-grad-image, #career-image {
  object-fit: cover;
}

.top-interview-card-large {
  aspect-ratio: 1.6 / 1;
}

.title-label {
font-weight: bold;
}
.cta-arrow {
  font-family: 'Helvetica Now Display'; font-weight: bold; font-style: normal;
  font-size: 28px;
  right: 28px;
}

.top-hero-image-placeholder img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

  .top-hero-section {
    height: calc(100vh - 50px);
  }

@media (max-width: 768px) {
  .cta-arrow {
    font-size: 24px;
    right: 20px;
  }
  .cta-text {
    gap: 0;
    position: relative;
    right: 12px;
  }



}
.cta-main {
  margin-bottom: -8px;
}


/*. */
@media (max-width: 768px) {

.carousel-track {
    grid-auto-columns: 100vw;
  }
  
.related-card {
 aspect-ratio: auto;
}
.related-image {
 aspect-ratio: 16 / 9;
 margin-bottom: 1em;
}
.related-card .related-overlay {
  opacity: 1;
  transition: none;
  position: relative;
  background: #fff;
  text-align: left;
}

.related-quote {
  position: relative;
  top: 0%;
  left: 0%;
  transform: none;
  width: 100%;
  font-size: 20px;
  color: #000;
}
.related-name {
  position: relative;
  top: 0%;
  left: 0%;
  transform: none;
  font-size: 18px;
  color: #000;
  bottom: 0px;
  font-weight: 700;
}
.related-meta {
  position: relative;
  top: 0%;
  left: 0%;
  transform: none;
  font-size: 14px;
  color: #000;
  margin: 0;
  opacity: 1;
  bottom: 20px;
}

}

.interview-hero-section {
height: auto;
margin-top: 50px;
}

.interview-hero-quote {
  font-size: 24px;
}

.interview-hero-overlay {
  top: 20%;
}

.related-name {
  bottom: 66px;
}
.related-meta {
  white-space: nowrap;
}

@media (max-width: 768px) {
.interview-hero-image-container {
  height: 70vh;
}
.interview-hero-overlay {
  top: 0%;
  left: 3%;
}
.interview-hero-quote {
    font-size: 16px;
}

}