html,
body {
  max-width: 100%;
  overflow-x: hidden;
}
.judul-daftar {
  font-family: "Poppins";
  font-weight: 600;
  font-size: 24px;
  color: #000000;
}
.deskirpsi-daftar {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  color: #939393;
}
.btn-google {
  border-color: #4285f4;
  border-radius: 5px;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 14px;
  color: #4285f4;
}
.btn-google:hover {
  border-color: #0e0e0e;
  color: #0e0e0e;
}
.font-input {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 13px;
}
.font-check-2 {
  font-family: "Poppins";
  font-weight: 300;
  font-size: 14px;
  color: #797979;
}
.btn-login-2 {
  background-color: #235f2c;
  color: #ffffff;
  border-radius: 5px;
}
.btn-login-2:hover {
  color: #ffffff;
}
.span-number {
  font-family: "Poppins";
  font-weight: 300;
  font-size: 15px;
  background-color: #ffd5d2;
  color: #235f2c;
}
.garis-tengah-daftar {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #c1c1c1;
  line-height: 0.1em;
  margin: 10px 0 20px;
}

.garis-tengah-daftar span {
  background: #fff;
  padding: 0 10px;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  color: #c1c1c1;
}
.modal-dafatar {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 18px;
}
.btn-choose {
  border-color: #235f2c;
  border-radius: 5px;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 14px;
  color: #235f2c;
}
.btn-choose:hover {
  border-color: #0e0e0e;
  color: #0e0e0e;
}
.margin-atas-career {
  margin-top: 52px;
}
.conten-judul {
  margin-top: 104px;
}
.font-judul-career {
  font-family: "Poppins";
  font-style: bold;
  font-weight: 700;
  font-size: 32px;
  color: #ffffff;
}
.font-judul-deskirpsi-career {
  font-family: "Poppins";
  font-style: "Regular";
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
}
.btn-career-judul {
  border-color: #ffffff;
  border-radius: 5px;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
}
.conten-career {
  background-color: #f5f5f5;
}
.conten-judul-career {
  margin-top: 87.5px;
  font-family: "Poppins";
  font-style: bold;
  font-weight: 700;
  font-size: 24px;
  color: #2b2b2b;
}
.conten-judul-figure {
  font-family: "Poppins";
  font-weight: 400;
  font-style: "Regular";
  font-size: 16px;
  color: #939393;
}
.badge-card-judul {
  font-family: "Poppins";
  font-weight: 500;
  font-style: "Medium";
  font-size: 12px;
  background-color: #cbffd4;
  color: #079e21;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.card-title-carerr {
  font-family: "Poppins";
  font-weight: 600;
  font-style: "SemiBold";
  font-size: 16px;
  color: #2b2b2b;
}
.card-subtitle-career {
  font-family: "Poppins";
  font-weight: 400;
  font-style: "Regular";
  font-size: 12px;
  color: #939393;
}
.card-conten-career {
  font-family: "Poppins";
  font-weight: 400;
  font-style: "Regular";
  font-size: 12px;
  color: #2b2b2b;
}
.card-full-time {
  border-color: #deebff;
  border-radius: 5px;
  font-family: "Poppins";
  font-weight: 500;
  font-style: "Medium";
  font-size: 12px;
  background-color: #deebff;
  color: #002cb9;
}
.btn-apllay-card-career {
  font-family: "Poppins";
  font-weight: 500;
  font-style: "Medium";
  font-size: 14px;
}
.lihat-data-career {
  font-family: "Poppins";
  font-weight: 400;
  font-style: "Regular";
  font-size: 14px;
  color: #939393;
}
.background-color-career {
  background-color: rgba(169, 48, 41, 0.9);
  border-radius: 10px;
  /* padding-right: 100px;
    padding-left: 100px; */
}
.jarak-bawah-career {
  margin-top: 100px;
  margin-bottom: 105px;
}
.font-footer-career {
  font-family: "Poppins";
  font-weight: 600;
  font-style: "SemiBold";
  font-size: 32px;
  color: #ffffff;
  padding-top: 96px;
  /* padding-right: 100px;
    padding-left: 100px; */
}
.font-footer-career-sub {
  font-family: "Poppins";
  font-weight: 500;
  font-style: "Medium";
  font-size: 16px;
  color: #ffffff;
  padding-bottom: 162px;
  /* padding-right: 100px;
    padding-left: 100px; */
}
.card {
  margin: 0 auto; /* Added */
  float: none; /* Added */
  margin-bottom: 10px; /* Added */
}
.font-judul-career-detail {
  font-family: "Poppins";
  font-style: bold;
  font-weight: 700;
  font-size: 32px;
  color: #ffffff;
}
.career-lokasi-detail {
  font-family: "Poppins";
  font-style: "Regular";
  font-weight: 400;
  font-size: 16px;
  color: #c9c9c9;
  padding: 10px;
  margin-bottom: 171px;
}
.career-lokasi-detail.active {
  color: #ffffff;
}
.conten-judul-detail {
  margin-top: 171px;
}
.jarak-detail-career {
  margin-top: 100px;
  margin-bottom: 145px;
}
.sedibar-detail-career {
  font-family: "Poppins";
  font-style: "SemiBold";
  font-weight: 600;
  font-size: 16px;
  color: #2b2b2b;
}
.sedibar-detial-sub-career {
  font-family: "Poppins";
  font-style: "Regular";
  font-weight: 400;
  font-size: 16px;
  color: #939393;
}
.judul-deskripsi-detail {
  font-family: "Poppins";
  font-style: "Medium";
  font-weight: 500;
  font-size: 16px;
  color: #cb3a31;
}
.sub-deskirpsi-detail {
  font-family: "Poppins";
  font-style: "Bold";
  font-weight: 700;
  font-size: 24px;
  color: #2b2b2b;
}
.deskripsi-detial {
  font-family: "Poppins";
  font-style: "Regular";
  font-weight: 400;
  font-size: 16px;
  color: #2b2b2b;
}
.conten-deskirpsi-detail-career {
  font-family: "Poppins";
  font-style: "Regular";
  font-weight: 400;
  font-size: 16px;
  color: #2b2b2b;
}
.btn-apply-career {
  font-family: "Poppins";
  font-style: "SemiBold";
  font-weight: 600;
  font-size: 14px;
  color: #cb3a31;
}
.login-response {
  margin-bottom: -101px;
}

.top-bar-auth {
  background-color: #235f2c;
  height: 5vh;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px;
  border-bottom: 4px solid #f9d423;
}

.top-bar-auth p {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  margin: 0;
}

.top-bar-auth a {
  font-family: "Poppins";
  font-weight: 700;
  text-decoration: underline;
  font-size: 14px;
  color: #ffffff;
  text-decoration: none;
}

nav.navbar-auth {
  padding: 0 80px;
  display: flex;
  align-items: center;
  height: 10vh;
  border-bottom: 2px solid #efefef;
}

/* media mobile */
@media screen and (max-width: 768px) {
  .top-bar-auth {
    padding: 10px 20px;
    height: fit-content;
  }

  nav.navbar-auth {
    padding: 10px 20px;
    height: fit-content;
  }
}