/* Converted Tailwind Config to scss */

.employment__heading {
  font-family: NotoSerif, serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  color: #ffffff;
}

@media (min-width: 768px) {
  .employment__heading {
    font-family: NotoSerif, serif;
    font-size: 56px;
    font-weight: bold;
    line-height: 1.21;
    letter-spacing: -0.75px;
    color: #ffffff;
  }
}

.employment__tab-label {
  font-family: Hind, sans-serif;
  font-size: 16px;
  line-height: 1.38;
  color: #ffffff;
  padding-right: 3.5rem;
}

@media (min-width: 768px) {
  .employment__tab-label {
    font-family: Hind, sans-serif;
    font-size: 18px;
    line-height: 1.33;
    color: #ffffff;
  }
}

.employment__tab-label::after {
  padding-right: 1.9rem;
}

.employment__tab:hover {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}

.employment__tab[aria-expanded="true"] {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 5px;
}

.employment__tab[aria-expanded="true"] .employment__tab-label {
  font-family: Hind, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  color: #ffffff;
}

@media (min-width: 768px) {
  .employment__tab[aria-expanded="true"] .employment__tab-label {
    font-family: Hind, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.33;
    color: #ffffff;
  }
}

.employment__tab[aria-expanded="true"] .employment__tab-label::after {
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
}

.employment__tab[aria-expanded="false"] .employment__tab-content {
  height: 0;
  padding: 0;
  overflow: hidden;
}

.employment__tab--file .employment__tab-label::after {
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E %3Cg stroke='%23B1DAF0' stroke-width='1.5'%3E %3Cg%3E %3Cpath d='M7.805 6.163c-.065-.474-.224-.93-.466-1.343-.251-.417-.696-.678-1.182-.695-.627.067-1.127.553-1.214 1.177-.069.614.09 1.23.446 1.735C6.51 8.33 7.715 9.546 8.997 10.678c1.435 1.163 3.058 2.071 4.8 2.685.477.223.999.334 1.525.325.539-.022 1.004-.383 1.16-.9.058-.42-.111-.841-.444-1.105-.331-.255-.721-.424-1.134-.49-1.643-.24-3.32-.063-4.877.517-1.487.458-5.832 1.894-5.632 5.547 0 .122.027.241.081.35.162.214.432.315.695.26.651-.126 1.219-.52 1.566-1.087 1.002-1.414 1.106-3.217 1.237-4.886.193-1.91.137-3.836-.169-5.731h0zM20.91 5.097c.258.257.403.607.403.971V19.25c0 1.138-.924 2.061-2.062 2.062H2.75c-.547 0-1.072-.217-1.459-.604-.387-.386-.604-.911-.604-1.458V2.75c0-.547.217-1.072.604-1.46.387-.386.912-.604 1.459-.603h13.18c.365 0 .714.144.972.402l4.007 4.008zM15.812.687v4.125c0 .759.615 1.375 1.375 1.375h4.125' transform='translate(-283 -24) translate(284 25)'/%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
}

.employment__card {
  width: 288px;
  height: 338px;
}

@media (min-width: 1140px) {
  .employment__card {
    width: 530px;
    height: 276px;
  }
}

.employment__card-heading {
  font-family: NotoSerif, serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.33;
  letter-spacing: -0.1px;
  text-align: center;
  color: #001742;
}

.employment__card-description {
  font-family: Hind, sans-serif;
  font-size: 16px;
  line-height: 1.38;
  letter-spacing: -0.2px;
  text-align: center;
  color: #161616;
  height: 88px;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .employment__card-description {
    height: 66px;
  }
}

.employment__card-description a {
  color: #de5833;
}