@font-face {
  font-family: 'Poppins-regular';
  src: url('../assets/font/Poppins/Poppins-Regular.ttf') format('woff2'),
    /* Modern Browsers */
    url('../assets/font/Poppins/Poppins-Regular.ttf') format('woff');
  /* Older Browsers */

}

@font-face {
  font-family: 'Poppins-bold';
  src: url('../assets/font/Poppins/Poppins-Bold.ttf') format('woff2'),
    /* Modern Browsers */
    url('../assets/font/Poppins/Poppins-Bold.ttf') format('woff');
  /* Older Browsers */

}

@font-face {
  font-family: 'Poppins-light';
  src: url('../assets/font/Poppins/Poppins-Light.ttf') format('woff2'),
    /* Modern Browsers */
    url('../assets/font/Poppins/Poppins-Light.ttf') format('woff');
  /* Older Browsers */

}

@font-face {
  font-family: 'Poppins-medium';
  src: url('../assets/font/Poppins/Poppins-Medium.ttf') format('woff2'),
    /* Modern Browsers */
    url('../assets/font/Poppins/Poppins-Medium.ttf') format('woff');
  /* Older Browsers */

}

@font-face {
  font-family: 'Poppins-semibold';
  src: url('../assets/font/Poppins/Poppins-SemiBold.ttf') format('woff2'),
    /* Modern Browsers */
    url('../assets/font/Poppins/Poppins-SemiBold.ttf') format('woff');
  /* Older Browsers */

}

@font-face {
  font-family: 'Poppins-thin';
  src: url('../assets/font/Poppins/Poppins-Thin.ttf') format('woff2'),
    /* Modern Browsers */
    url('../assets/font/Poppins/Poppins-Thin.ttf') format('woff');
  /* Older Browsers */
}


.card_container_every_page {
  margin-top: -1rem;
  height: 1rem;
}


.job_posting_label {
  color: #25c3ae;
  font-family: Poppins-regular;
  text-decoration: none;
}

.designation_on_forms {
  margin-top: 1.5rem;
  font-family: Poppins-medium;
  font-size: 1.4rem;
}

.form-control:valid,
.custom-select:valid,
.form-select:valid {
  border-color: #ced4da !important;
  /* Use the default border color */
  background-image: none !important;
  /* Remove the background image */
}

/* Remove the green check icon for valid custom radio and checkbox inputs */
.custom-control-input:valid~.custom-control-label::before {
  border-color: #ced4da !important;
  /* Use the default border color */
}

/* Remove the green check icon for valid custom file inputs */
.custom-file-input:valid~.custom-file-label::after {
  border-color: #ced4da !important;
  /* Use the default border color */
}

*:focus {
  outline: none;
}


textarea:focus,
input:focus {
  outline: none;
}


textarea:focus,
input:focus {
  outline: none;
}

input:focus {
  outline: none;
}

















/* CSS style for the arrow animation */
.arrow-animation {
  transition: transform 0.3s ease;
  /* Transition for smooth animation */
}

/* Apply this class to the arrow icon */
.card-link i {
  font-size: larger;
  padding-top: 5%;
  transform: translateX(0);
  /* Initial position */
}

/* Add a hover effect to the card-link */
.card-link:hover i.arrow-animation {
  transform: translateX(6px);
  /* Adjust the distance the arrow moves */
}

/* Change background and text color for select2 */
.select2-container .select2-selection--single {
  background-color: #f0f0f0;
  color: #333;
}


.progresses {
  display: flex;
  align-items: center;
}

.line {
  width: 5rem;
  height: 3px;
  background: #22CFB9;
  flex-grow: 1;

}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.step-text {
  margin-top: 5px;
  font-size: 0.5rem;
  font-family: Poppins-medium;
}

.step span {
  display: block;
}

.step i {
  background-color: #BDBDBD;
  ;
  color: #fff;
  font-size: 14px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.currentsectionstext {
  margin-top: 5px;
  font-size: 0.8rem;
  font-family: Poppins-semibold;
}

.mobilecard {
  padding-left: 5rem;
}


@media only screen and (max-width:1451px) {
  .line {
    width: 2rem;
    height: 3px;
    background: #BDBDBD;
    flex-grow: 1;
    margin-bottom: -2rem;
  }

  .step-text {
    display: none;
    margin-top: 0rem;
    font-size: 0rem;
  }

}

@media only screen and (max-width:1451px) {
  .line {
    width: 2rem;
    height: 3px;
    background: #BDBDBD;
    flex-grow: 1;
    margin-bottom: -2rem;
  }

  .step-text {
    display: none;
    margin-top: 0rem;
    font-size: 0rem;

  }

  .mobilecard {
    padding-right: 2rem;
    padding-left: 2rem;
  }

}

/* Change background and text color for select2 */
.select2-container .select2-selection--single {
  height: 2.1rem;
  font-family: Poppins-semibold;
  font-family: Poppins-medium;
  font-size: 0.9rem;
  color: #494949;
  padding-top: 0.1rem;
  padding-left: 0.2rem;
  border-color: #ced4da;
}

input[type="text"]:focus {
  border-color: black;
}

.select2-container--default .select2-selection--single:focus {
  border-color: black;
}

.select2-container--default.select2-container--open .select2-dropdown--below:focus {
  border-color: black;
}