.job-offer-filter {
  margin-block: clamp(2.857rem, 2.1457rem + 1.9622vw, 4rem) clamp(3.571rem, 2.4147rem + 3.1897vw, 5.429rem); }
  .job-offer-filter form {
    display: flex;
    flex-direction: column;
    gap: 1.714em 0; }
    @media only screen and (min-width: 720px) {
      .job-offer-filter form {
        flex-direction: row;
        flex-wrap: wrap; } }
  .job-offer-filter .search-bar {
    display: flex;
    align-items: center;
    width: 100%; }
    .job-offer-filter .search-bar .form-item-combine {
      width: 100%; }
    .job-offer-filter .search-bar input[type=text].form-text {
      width: 100%;
      padding: 1em 3em 1.143em 1em;
      border: 1px solid #D6D7DC;
      background: url("../../../assets/icons/icon-search.svg") center right 1rem/1rem auto no-repeat; }
      .job-offer-filter .search-bar input[type=text].form-text::placeholder {
        font-size: 14px;
        line-height: 1.5;
        color: #4A4B4D; }
    @media only screen and (min-width: 720px) {
      .job-offer-filter .search-bar {
        width: 55%;
        margin-right: 5%; } }
  .job-offer-filter .location-filter {
    width: 100%; }
    .job-offer-filter .location-filter .fieldset-wrapper .fieldset-wrapper {
      position: relative;
      display: flex;
      align-items: center;
      padding: 1em 1.143em;
      border: 1px solid #D6D7DC; }
      .job-offer-filter .location-filter .fieldset-wrapper .fieldset-wrapper .form-item {
        order: 2; }
    .job-offer-filter .location-filter .address-input {
      padding: 0 .8571rem 0 0;
      border: 0; }
    .job-offer-filter .location-filter .form-select {
      padding-block: 0;
      border-bottom: 0;
      border-left: 1px solid #D6D7DC;
      cursor: pointer; }
    .job-offer-filter .location-filter .form-item-combine {
      width: 100%; }
    .job-offer-filter .location-filter input[type=text].form-text {
      width: 100%; }
      .job-offer-filter .location-filter input[type=text].form-text::placeholder {
        font-size: 14px;
        line-height: 1.5;
        color: #4A4B4D; }
    @media only screen and (min-width: 720px) {
      .job-offer-filter .location-filter {
        width: 35%; } }
  .job-offer-filter .dropdown-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; }
    .job-offer-filter .dropdown-wrapper .dropdown-toggle {
      font-size: 14px;
      line-height: 1.5;
      color: #00305B;
      padding: 1rem 1.143rem;
      border-bottom: 1px solid #00305B;
      padding-right: 3rem;
      background: #FFF url("../../../assets/icons/icon-arrow-down.svg") center right 1rem/1rem auto no-repeat;
      cursor: pointer; }
    .job-offer-filter .dropdown-wrapper .dropdown-menu {
      position: absolute;
      top: 110%;
      left: 0;
      right: 0;
      display: none;
      max-height: 200px;
      background: #FFFFFF;
      border: 1px solid #D6D7DC;
      border-top: none;
      border-radius: 0 0 4px 4px;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
      overflow-y: auto;
      z-index: 1; }
      .job-offer-filter .dropdown-wrapper .dropdown-menu.show {
        display: block; }
    .job-offer-filter .dropdown-wrapper .dropdown-option {
      font-size: 14px;
      line-height: 1.5;
      display: flex;
      align-items: center;
      padding: .714rem 1rem;
      transition: background-color 0.2s;
      cursor: pointer; }
      .job-offer-filter .dropdown-wrapper .dropdown-option:hover {
        background-color: #E5EAEF; }
      .job-offer-filter .dropdown-wrapper .dropdown-option label {
        margin: 0;
        cursor: pointer; }
    @media only screen and (min-width: 720px) {
      .job-offer-filter .dropdown-wrapper {
        max-width: 238px; }
        .job-offer-filter .dropdown-wrapper.professional {
          margin-right: 7%; } }
  .job-offer-filter .tags-container {
    display: none;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%; }
    .job-offer-filter .tags-container.show {
      display: flex; }
  .job-offer-filter .tag-button {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    padding: .357rem 3rem .357rem .714rem;
    margin: 0;
    background: #00305B url(../../../assets/icons/icon-close-white.svg) center right 1rem/0.75rem auto no-repeat;
    cursor: pointer; }
    .job-offer-filter .tag-button:after {
      display: none; }
    .job-offer-filter .tag-button:hover {
      color: #00305B;
      background: #FFFFFF url(../../../assets/icons/icon-close.svg) center right 1rem/0.75rem auto no-repeat; }

/*# sourceMappingURL=job-offers-filter.css.map */