#job_page {
  margin-top: -50px;
}

#job_page .container {
  margin: 0 auto;
}

#job_page .header {
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  color: #fff;
  padding: 100px 0;
  position: relative;
}
#job_page .header .header__overlay {
  background: rgba(16, 29, 66, 0.65);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
#job_page .header .content {
  max-width: 600px;
  position: relative;
  z-index: 2;
}

#job_page .header .content .header__title {
  font-size: 40px;
  margin-bottom: 20px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: 2px;
}

#job_page .header .content .special {
  /* -webkit-text-fill-color: transparent; */
  background: linear-gradient(to right, #227df9 0%, #7462f9 50%, #df3ef8 100%);
  /* background: linear-gradient(to left, #227df9 0%, #7462f9 25%, #df3ef8 50%, #7462f9 75%, #227df9 100%); */
  /* -webkit-background-clip: text; */
  /* background-clip: text; */
  letter-spacing: 2px;
  font-size: 32px;
  line-height: 1.5;
  padding: 5px;
}

#job_page .header .content .header__description {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
  letter-spacing: 1px;
}

#job_page .header .content .header__apply {
  align-items: center;
  -webkit-appearance: none;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  flex-direction: row;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  justify-content: center;
  letter-spacing: normal;
  line-height: 1.3;
  padding: 15px 24px;
  text-align: center;
  transition: background-color 0.15s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  background-size: 250% auto;
  background-image: linear-gradient(
    to left,
    #227df9 0%,
    #7462f9 25%,
    #df3ef8 50%,
    #7462f9 75%,
    #227df9 100%
  );
  transition: all 0.5s ease;
  transition-timing-function: ease, ease;
}

#job_page .header .content .header__apply:hover {
  background-position: right center;
}

#job_page .header .content .header__apply > i {
  margin-left: 12px;
  font-weight: 900;
  font-size: 18px;
}

.bannner_main_page {
  padding-bottom: 0;
}
@media screen and (max-width: 991px) {
  .bannner_main_page .zn_section_size.full_width {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}