.vacancies {
  padding: var(--section-spacing) 0;
  background-color: var(--c-gray-100);
  z-index: 1;
  @media (max-width: 1024px) {
    padding: 0 0 64px;
  }
  .container {
    .section_subtitle,
    .section_title {
      @media (max-width: 1024px) {
        display: none;
      }
    }
    .vacancies_listing {
      article {
        margin-bottom: 24px;
        border-radius: var(--br-md);
        border: 1px solid var(--c-gray-200);
        background: var(--c-white);
        padding: 24px 24px 28px;
        .vacancies_top {
          display: flex;
          justify-content: space-between;
          gap: 16px;
          --form-height: 20px;
          margin-bottom: 16px;
          @media (max-width: 1024px) {
            flex-direction: column;
          }
          .vacancies_top_texts {
            h6 {
              color: var(--c-primary-600);
              margin: 0 0 4px;
              font-weight: 600;
            }
            h4 {
              color: var(--c-gray-900);
              font-weight: 500;
              margin: 0;
            }
          }
        }
        > span {
          display: block;
          font-size: var(--fs-sm);
          color: var(--c-gray-600);
          margin-bottom: 16px;
        }
        ul {
          list-style: none;
          margin: 0;
          display: flex;
          gap: 24px;
          li {
            display: flex;
            gap: 8px;
          }
        }
      }
    }
  }
}