@import url("../fonts/Satoshi/css/satoshi.css");
@import url("../fonts/ClashDisplay/css/clash-display.css");
@import url("../fonts/Magnita/Magnita.css");
@import url("../fonts/bootstrap-icons-1.10.2/font.css");

.job-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-content: space-between;

}

.job-box {
  border: 1px solid #ccc;
  padding: 20px;
  text-align: left;
  justify-content: space-between;
  background:#fff;
  color:black;
  border-radius:10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: none;
}

.job-title {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 10px;
  height: 100px;
}

.job-description {
  margin-bottom: 10px;
}

.apply-button {
  display: block;
  /* background-color: #4CAF50; */
  color: #ff6500;
  text-decoration: none;
  /* padding: 4px 8px; */
  border-radius: 5px;
  font-size: 14pt;
  font-weight: 600;
  cursor:pointer;
  text-align: start;
}

@media(max-width:798px){
.job-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
}