@font-face {
  font-family: "Tahoma";
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/Tahoma-Bold.woff2) format("woff2"), url(../assets/fonts/Tahoma-Bold.woff) format("woff");
}
@font-face {
  font-family: "Tahoma";
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/Tahoma.woff2) format("woff2"), url(../assets/fonts/Tahoma.woff) format("woff");
}
@font-face {
  font-family: "Inter";
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/Inter-Medium.woff2) format("woff2"), url(../assets/fonts/Inter-Medium.woff) format("woff");
}
.job {
  padding-top: 44px;
  position: relative;
  aspect-ratio: 2.618;
  background: url(../assets/images/bg/job.png) center/cover no-repeat;
}
.job__content {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.job__content .overlay-box {
  max-width: 851px;
  padding: 25px 47px 28px 27px;
  background: rgba(255, 255, 255, 0.41);
  border-radius: 41px;
  display: flex;
  gap: 62px;
}
.job__content .overlay-box > div h1 {
  font: 700 24px/1 "Tahoma";
  color: #000000;
  margin-bottom: 30px;
}
.job__content .overlay-box > div p {
  font: 400 16px/1 "Tahoma";
  color: #000000;
}
.job__content .overlay-box img {
  max-width: 212px;
  aspect-ratio: 1;
}
@media (max-width: 1200px) {
  .job {
    padding-top: 78px;
  }
}
@media (max-width: 1024px) {
  .job {
    padding: 103px 0px 25px;
    aspect-ratio: auto;
  }
  .job__content .overlay-box {
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .job__content .overlay-box img {
    max-width: 150px;
  }
}
@media (max-width: 576px) {
  .job__content .overlay-box {
    flex-direction: column-reverse;
  }
  .job__content .overlay-box img {
    align-self: center;
  }
}/*# sourceMappingURL=page-job.css.map */