/* career css */
.careerheader {
  color: var(--whitecolor);
  border: var(--stdborder3);
  padding: 80px 5vw;
  font-size: var(--stdfontsize3);
}
.careerarticle {
  border: var(--stdborder1);
  background: rgb(11 25 46);
  padding: 60px 0px;
}
.careerarticle h1 {
  text-align: center;
}
.opportunity {
  padding: 50px 5vw;
  font-size: 0.8em;
}
.opportunity ul {
  list-style-position: inside;
  color: var(--dwhitecolor);
}
.opportunity span {
  display: inline-grid;
  padding: 1vw;
}
.contactform_main {
  margin: 40px 0px;
  border: var(--stdborder1);
  background: rgb(11 25 46);
  padding: 40px 3vw;
}
.messageformdiv form {
  display: flex;
  flex-direction: column;
  gap: 1vw 2vw;
  align-items: self-start;
  padding: 18.5px 0px;
}
.messageformdiv form input,
textarea {
  padding: 8px 5px;
  min-width: 30%;
  font-size: 0.8em;
  background: rgb(36 48 67);
  border: 0;
  border-radius: 5px;
  color: var(--whitecolor);
}
.contactlinks {
  padding: 20px 3vw;
  border: var(--stdborder1);
  background: #0b192e;
  display: flex;
  flex-direction: column;
  gap: 1vw 0vw;
}

/* responsiveness.css */
@media screen and (max-width: 1200px) {
  .messageformdiv form input,
  textarea {
    min-width: 50%;
  }
  .careerarticle h1 {
    font-size: 1.7em;
  }
}
@media screen and (max-width: 908px) {
  .messageformdiv form input,
  textarea {
    min-width: 70%;
  }
  .careerarticle h1 {
    font-size: 1.5em;
  }
  .contactlinks {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 620px) {
  .messageformdiv form {
    gap: 4vw 2vw;
  }
  .messageformdiv form input,
  textarea {
    min-width: 100%;
  }
  .careerarticle h1 {
    font-size: 6.3vw;
  }
  .contactlinks {
    font-size: 3vw;
  }
  .opportunity {
    font-size: 3vw;
  }
}
@media screen and (max-width: 400px) {
  .contactform_main h2 {
    font-size: 7.8vw;
  }
  .contactlinks {
    font-size: 4vw;
  }
  .opportunity {
    padding: 50px 2vw;
    font-size: 3.6vw;
  }
}