a {
  color: #311275;
  width: max-content;
}

a:hover {
  text-decoration: none;
  color: #50dbe6;
}

.nav-link {
  color: white;
}
.active {
  color: #50dbe6;
}

/* === RECRUTEMENT BANNER STYLE === */
.recrute__banner {
  height: 500px;
  background-image: url("./assests/recrute_banner.png");
  background-position: left 15%;
  background-size: cover;
  overflow: hidden;
}

.recrute__overlay {
  height: 100%;
  background: rgb(49, 18, 117);
  background: linear-gradient(
    90deg,
    rgba(49, 18, 117, 0) 0%,
    rgba(49, 18, 117, 1) 58%
  );
}

.recrute__banner .icon {
  width: 80px;
  margin: 0 auto;
}

/* === CARD STYLE === */
.card {
  max-height: 500px;
  max-width: 400px;
  border: none;
  box-shadow: 0px 3px 10px #00000029;
}

.row {
  gap: 28px;
}

.card-body img {
  width: 80px;
  margin: 0 auto;
}

.card-title {
  color: #311275;
}

/* .card-text {
  font-size: 60px;
} */

.card .line {
  width: 90px;
  border: 1px solid #50dbe6;
}

hr {
  margin-bottom: 12px;
}

/* === FORM STYLE === */

.form-control {
  padding: 28px;
}

.col-md-6 {
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /* === RECRUTEMENT BANNER STYLE === */
  .recrute__banner {
    height: 350px;
  }

  .form h4 {
    font-size: 18px;
  }
}