.career-banner {
    height: 80vh;
    background-size: cover;
    background-position: center;
}

/* CSS for the custom tab styling */
.nav-tabs .nav-link {
    position: relative;
    color: #333; /* Default font color */
    border: none;
}
  
  .nav-tabs .nav-link.active {
    color: red; /* Active tab font color */
    border: none;
  }
  
  .nav-tabs .nav-link.active::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: red; /* Underline color for active tab */
  }
  
  .nav-tabs .nav-link:hover {
    color: red; /* Tab font color on hover */
    text-decoration: none; /* Remove default underline on hover */
  }
  
  .nav-tabs .nav-link:not(.active):hover {
    border: none; /* Remove border on hover for non-active tabs */
  }
  .career_active{
    color:red!important;
  }
.rtbt-bg {
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, #e8262b 50%);
}

.hr-card {
  text-transform: uppercase;
  height: 225px;
  width: 100%;
/*  background-image: url(/assets/images/businessman.png);*/
  background-size: cover;
  background-position: center;
  border-radius: 15px;
  border: 0;
}
.receptionis-card {
  text-transform: uppercase;
  height: 225px;
  width: 100%;
  background-image: url(/assets/images/receptionist.png);
  border-radius: 15px;
  border: 0;
}
.hr-2-card {
  text-transform: uppercase;
  height: 225px;
  width: 100%;
  background-image: url(/assets/images/hr-2.png);
  border-radius: 15px;
  border: 0;
}

.businessCard {
  color: white;
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 15px;
  border: 0;
  align-items: flex-end;
  background: linear-gradient(180deg, rgb(255 255 255 / 60%) 27%, rgb(0 0 0 / 95%) 100%);
  font-size: smaller;
}
.apply-now-btn {
  width: 100px;
  font-size: small;
  color: #fff;
  background-color: #e8262b;
  border-color: #dc3545;
  cursor: pointer;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  text-align: center;
  border-radius: 4px;
  padding: 4px 0px;
}
.apply-now-btn:hover  {
  background-color: #e8262bdb;
}
.active {
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgb(0 0 0 / 30%) 100%)
}

.light-bg {
  background: #ffffff26;
  border-radius: 10px;
  padding: 30px;
}
.custom-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bbb;
  margin: 0 5px;
  cursor: pointer;
}

.dot.active {
  background-color: #555;
}