html,
body {
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

main section {
  width: 100%;
  margin-top: 4vw;
}

main section h1,
main section h2 {
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

main section p,
main section li {
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

main section h1 {
  margin-bottom: 0;
}

main section:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section:nth-of-type(1) h1,
main section:nth-of-type(1) h2,
main section:nth-of-type(1) p {
  width: 90%;
}

main section:nth-of-type(1) h2,
main section:nth-of-type(1) p {
  color: black;
}

main section:nth-of-type(1) h1 {
  color: #3e8dcc;
  font-size: 8vw;
}

main section:nth-of-type(1) h2 {
  margin-top: 0;
  font-size: 6vw;
  color: #204389;
}

main section:nth-of-type(1) p {
  font-size: 4vw;
}

main section:nth-of-type(2), main section:nth-of-type(3), main section:nth-of-type(4), main section:nth-of-type(5) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section:nth-of-type(2) h1,
main section:nth-of-type(2) p, main section:nth-of-type(3) h1,
main section:nth-of-type(3) p, main section:nth-of-type(4) h1,
main section:nth-of-type(4) p, main section:nth-of-type(5) h1,
main section:nth-of-type(5) p {
  width: 90%;
}

main section:nth-of-type(2) h1, main section:nth-of-type(3) h1, main section:nth-of-type(4) h1, main section:nth-of-type(5) h1 {
  font-size: 5vw;
  color: #204389;
}

main section:nth-of-type(2) p,
main section:nth-of-type(2) li, main section:nth-of-type(3) p,
main section:nth-of-type(3) li, main section:nth-of-type(4) p,
main section:nth-of-type(4) li, main section:nth-of-type(5) p,
main section:nth-of-type(5) li {
  font-size: 4vw;
}

main section:nth-of-type(2) ul, main section:nth-of-type(3) ul, main section:nth-of-type(4) ul, main section:nth-of-type(5) ul {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 90%;
  padding: 0;
}

main section:nth-of-type(2) ul li, main section:nth-of-type(3) ul li, main section:nth-of-type(4) ul li, main section:nth-of-type(5) ul li {
  margin-bottom: 2.5vw;
}

main section:nth-of-type(2) ul li::before, main section:nth-of-type(3) ul li::before, main section:nth-of-type(4) ul li::before, main section:nth-of-type(5) ul li::before {
  content: "\25A0";
  color: #3e8dcc;
  font-size: 4.5vw;
  margin-left: 0;
}

main section:nth-of-type(6) {
  min-height: 10vh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

main section:nth-of-type(6) a {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-size: 4vw;
  text-transform: uppercase;
  background-color: #204389;
  padding: 2.5vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-decoration: none;
  color: white;
  margin-bottom: 2vw;
}

@media only screen and (min-width: 1080px) {
  main section:nth-of-type(1) h1,
  main section:nth-of-type(1) h2,
  main section:nth-of-type(1) p {
    width: 80%;
  }
  main section:nth-of-type(1) h1 {
    font-size: 3vw;
  }
  main section:nth-of-type(1) h2 {
    font-size: 2vw;
  }
  main section:nth-of-type(1) p {
    font-size: 1.4vw;
  }
  main section:nth-of-type(2) h1,
  main section:nth-of-type(2) p, main section:nth-of-type(3) h1,
  main section:nth-of-type(3) p, main section:nth-of-type(4) h1,
  main section:nth-of-type(4) p, main section:nth-of-type(5) h1,
  main section:nth-of-type(5) p {
    width: 80%;
  }
  main section:nth-of-type(2) h1, main section:nth-of-type(3) h1, main section:nth-of-type(4) h1, main section:nth-of-type(5) h1 {
    font-size: 2vw;
  }
  main section:nth-of-type(2) p,
  main section:nth-of-type(2) li, main section:nth-of-type(3) p,
  main section:nth-of-type(3) li, main section:nth-of-type(4) p,
  main section:nth-of-type(4) li, main section:nth-of-type(5) p,
  main section:nth-of-type(5) li {
    font-size: 1.4vw;
  }
  main section:nth-of-type(2) ul, main section:nth-of-type(3) ul, main section:nth-of-type(4) ul, main section:nth-of-type(5) ul {
    width: 80%;
  }
  main section:nth-of-type(2) ul li::before, main section:nth-of-type(3) ul li::before, main section:nth-of-type(4) ul li::before, main section:nth-of-type(5) ul li::before {
    font-size: 1.9vw;
  }
  main section:nth-of-type(6) a {
    font-size: 1.4vw;
    padding: 1vw;
  }
}
/*# sourceMappingURL=career-details.css.map */