.jobssec {
  padding: 2% 0%;
}

.jobssec .filterdiv .form-group {
  position: relative;
}

.jobssec .filterdiv .form-group .form-select {
  background-color: #444;
  border-radius: 0px;
  border: 0px;
  color: #fff;
  font-size: 15px;
  padding: 9px;
}

.jobssec .filterdiv .form-group .form-control {
  background-color: #444;
  border-radius: 0px;
  border: 0px;
  color: #fff;
  font-size: 15px;
  padding: 9px;
}

.jobssec .filterdiv .form-group .form-control::placeholder {
  color: #fff;
}

.jobssec .filterdiv .form-group .srcbtn {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #333131;
  border-radius: 0px;
  border: 0px;
  font-size: 17px;
  width: 40px;
  height: 40px;
}

.jobssec .filterdiv .form-group .srchicn {
  color: #fff;
}

.jobssec .cardsec {
  background: linear-gradient(#313131 0%, rgba(128, 128, 128, 0) 100%);
  margin-top: 0px;
  padding: 20px;
}

.jobssec .cardsec .job-card {
  background-color: #000;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;

  height: 100%;
  width: 100%;
}

.info-text-holder {
  padding: 15px 20px;
}

.jobssec .cardsec .job-card:hover {
  border: 1px solid #fff;
  transition: all 0.3s ease-in-out;
}

.jobssec .cardsec .job-card .techname {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 5px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.jobssec .cardsec .job-card .devhname {
  font-size: 13px;
  color: #9c9c9c;
  margin-bottom: 10px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.jobssec .cardsec .job-card .devhname svg {
  margin-right: 8px;
}

.jobssec .cardsec .job-card .redirectdiv {
  width: 100%;
  aspect-ratio: 1/1;
  background: #191919;
  display: flex;
  justify-content: center;
  align-items: center;
}

.jobssec .cardsec .job-card .redirectdiv .nextdiv {
  width: 36px;
  height: 36px;
  border-radius: 100px;
  background: #302f2f;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.jobssec .cardsec .job-card:hover .redirectdiv .nextdiv {
  transform: rotate(-45deg);
  transition: 0.3s;
}

.jobssec .cardsec .job-card .redirectdiv .nextdiv svg {
  color: #fff;
}

.jobssec .cardsec .paginationdiv .pagination {
  justify-content: center;
  margin-top: 50px;
}

.jobssec .cardsec .paginationdiv .active .page-link {
  z-index: 3;
  color: #000000 !important;
  background-color: #ffffff !important;
  border: 0px;
  border-color: var(--bs-pagination-active-border-color);
}

.jobssec .cardsec .paginationdiv .pagination .page-item {
  margin: 0px 5px;
}

.jobssec .cardsec .paginationdiv .pagination .page-link {
  background: #3d3d3d;
  border: 0px;
  color: #9c9c9c;
}