@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");
body {
  background-color: rgb(255, 255, 255);
}

@media (max-width: 1200px) {
  .container {
    max-width: 1195px;
  }
}
h1 {
  font-family: "Lato";
  font-weight: 400;
  font-size: 32px;
  line-height: 38px;
  color: #0055A4;
  text-align: center;
  padding-bottom: 18px;
}

.h4-modal h4 {
  font-family: "Lato";
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #0055A4;
}

.p-modal p {
  color: #444444;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }
}
section.intro {
  padding-top: 150px;
  padding-bottom: 50px;
}
section.intro h3 {
  color: #444444;
  text-align: center;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
section.intro p {
  color: #444444;
  text-align: center;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px; /* 206.25% */
}
section.intro .job-opening__card a {
  text-decoration: none;
  color: #0055A4;
}
section.intro .subtitle__p {
  text-align: center;
  padding: 25px 0px;
}
section.intro .mid-img img {
  width: 100%;
}
section.intro .orange-txt {
  color: #F68030;
}
section.intro .bottom__txt-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: baseline;
  margin-top: 50px;
}
section.intro .bottom__txt-link p {
  margin: 0;
}
section.intro .bottom__txt-link a {
  text-decoration: none;
  color: #F68030;
}
section.intro .bottom__txt-link a:hover {
  color: #fc9c5c;
}
@media (max-width: 1200px) {
  section.intro .bottom__txt-link {
    margin-top: 30px;
  }
}
@media (max-width: 992px) {
  section.intro .mid-img img {
    padding-bottom: 15px;
  }
}

section.job-openings {
  padding: 60px 0px;
  background-color: #f1f1f1;
}
section.job-openings h2 {
  color: #0055A4;
  text-align: center;
  font-family: Lato;
  font-size: 23px;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 20px;
}
section.job-openings h4 {
  color: #0055A4;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}
section.job-openings .job-opening__card {
  background-color: #fff;
  padding: 25px 45px;
  border-radius: 11px;
  border: 1px solid #BCBCBC;
  margin-top: 20px;
}
section.job-openings .job-opening__card h3 {
  color: #0055A4;
  font-family: Lato;
  font-size: 18px;
  font-weight: 600;
  line-height: 33px;
}
section.job-openings .job-opening__card p {
  color: #444444;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 33px;
}
section.job-openings .job-opening__card a {
  text-decoration: none;
  color: #0055A4;
}
section.job-openings .eic-vacancies {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
}
section.job-openings .grade-location {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.job-openings .orange-txt-title {
  color: #F68030;
  text-align: center;
  font-family: Lato;
  font-size: 23px;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 20px;
}
section.job-openings .orange-txt {
  color: #F68030;
}
section.job-openings .blue-txt {
  color: #0055A4;
}
section.job-openings .btn-job {
  border: 0;
  background-color: rgba(255, 255, 255, 0);
  color: #0055A4;
  padding: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
}
@media (max-width: 992px) {
  section.job-openings .p-top-mob {
    padding-top: 25px;
  }
}

section.become-member {
  padding: 15px 0px;
}
section.become-member .bottom-img img {
  width: 100%;
}
section.become-member .bottom-txt p {
  color: #444444;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 33px;
}
section.become-member .bottom-txt a {
  color: #F68030;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 33px;
}
section.become-member .bottom__txt-link {
  padding-top: 40px;
}
section.become-member .btn-member {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 50px;
}
section.become-member .btn-member a {
  color: #FFF;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  padding: 15px 60px;
  background-color: #F68030;
  text-decoration: none;
  border-radius: 50px;
  margin: 0px 15px;
  transition: 0.3s;
}
section.become-member .btn-member a:hover {
  background-color: #fc9c5c;
}
@media only screen and (max-width: 768px) {
  section.become-member .btn-member {
    flex-direction: column;
  }
  section.become-member .btn-member a {
    margin-top: 10px;
  }
}