/* Grid */
.budi-job-grid.row {
  margin-left: -9px;
  margin-right: -9px;
}

.budi-job-grid.row > div {
  padding-left: 9px;
  padding-right: 9px;
}

.budi-job-grid__item {
  background-color: #fff;
  box-shadow: 0px 3px 15px rgba(88, 112, 167, 0.15);
}

.budi-job-grid__item-image {
  min-height: 130px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.budi-job-grid__item-content {
  padding: 11px 16px 11px;
  min-height: 250px;
}

.budi-job-grid__item-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-sub);
}

.budi-job-grid__terms {
  margin-bottom: 20px;
}

.budi-job-grid__terms span {
  margin: 0 8px 8px 0;
  padding: 4px;
  font-size: 14px;
  color: var(--color-main);
}

.budi-job-grid__terms span::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--color-main);
  opacity: 0.07;
  z-index: 1;
}

.budi-job-grid__item-desc {
  display: -webkit-box;
  height: 72px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--body-text-color);
  opacity: 0.53;
}

@media (max-width: 767px) {
  .budi-job-grid__item-image {
    min-height: 200px;
  }

  .budi-job-grid__item-content {
    min-height: auto;
  }
}