@import "../../frontend/node_modules/simplebar/dist/simplebar.css";
.career {
  margin-top: 156px;
}
.career-headline {
  margin-bottom: 72px;
}
.career-headline p {
  margin-bottom: 5px;
}
@media screen and (max-width: 820px) {
  .career-headline {
    text-align: center;
  }
}
.career-list ul {
  padding-left: 0;
}
.career-list ul li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  -webkit-box-pack: justify;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  row-gap: var(--spacing-5, 20px);
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: var(--radius-2xl, 16px);
  background: var(--uiBg-screen-00, #fff);
  color: var(--uiInk-tone-04, #334155);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
          box-shadow: 0px 87px 24px 0px rgba(117, 75, 16, 0), 0px 56px 22px 0px rgba(117, 75, 16, 0), 0px 31px 19px 0px rgba(117, 75, 16, 0.01), 0px 14px 14px 0px rgba(117, 75, 16, 0.02), 0px 3px 8px 0px rgba(117, 75, 16, 0.02);
}
@media screen and (max-width: 820px) {
  .career-list ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    row-gap: var(--spacing-5, 10px);
    padding: 20px;
  }
}
.career-list .simplebar-content ul {
  list-style: circle;
}
@media screen and (max-width: 820px) {
  .career-list .simplebar-content ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
}
.career-list .simplebar-content ul li {
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--uiInk-tone-04, #334155);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  padding-bottom: 0;
  padding-top: 0;
  list-style: circle;
  position: relative;
}
.career-list .simplebar-content ul li::before {
  content: "";
  background: #334155;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 7px;
  top: 7px;
  border-radius: 50%;
}
@media screen and (max-width: 820px) {
  .career-list .simplebar-content ul li {
    text-align: left;
  }
}

.modal-content {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  max-height: 80vh;
}

.modal-content.slide-in {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.simplebar-content {
  max-height: 264px;
}
@media screen and (max-width: 820px) {
  .simplebar-content {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
  }
}