.display_none {
  display: none;
}

.dna-filters-and-searchbar {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 81px;
  padding-bottom: 74px;
  gap: 20px;
}

.dna-searchbar-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right 30px !important; 
}

.searchbar-input {
  height: 30px;
  width: 300px !important;
  border-radius: 4px 0px 0px 4px !important;
}

.searchbar-input::placeholder {
  opacity:0.5;
}

.searchbar-input:focus {
  outline: none;
  box-shadow: none;
  border-color: black;
}

.searchbar-button {
  display: flex;
  align-items: center;
  height: 30px;  
  background-color: #b6b6b6;
  border-color: #b6b6b6;
  border-radius: 0px 4px 4px 0px;
  padding:0px 5px 0px 10px;
  margin-left: -2px; 
  margin-right: 60px;
}

.searchbar-button:hover,
.searchbar-button:focus {
  border-radius: 0px 4px 4px 0px !important;
}

.dna-dynamic-filter-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.dna-filter-label {
  color: #000;
  font-size: 17.912px;
  font-style: normal;
  font-weight: 400;
  line-height: 124%;
}

.dna-dynamic-filter-container form {
  padding-bottom: 0 !important;
  /*gap: 15px;*/
  display: flex;
  justify-content: center;
  /*flex-wrap: wrap !important;*/
  align-items: center;
}

.dna-dynamic-filter-container .reset-filter-btn {
  display: inline-flex;
  height: 42px;
  padding: 10.747px 28.659px;
  justify-content: center;
  align-items: center;
  gap: 7.165px;
  flex-shrink: 0;
  border: 1px solid #000;
  backdrop-filter: blur(2.6868014335632324px);
  color: #000;
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.494px;
  letter-spacing: 0.34px;
}

.dna-dynamic-filter-container form select {
  background: #faf9f8;
  color: #262f38;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.287px;
  padding: 10px 38px 10px 21px;
  border: none;
  text-transform: capitalize;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.1843 8.94526L12.2261 5.42268L13.0107 6.3229L8.96887 9.84549C8.2392 10.4814 7.15247 10.4824 6.42165 9.84778L2.36328 6.32363L3.14623 5.422L7.2046 8.94614C7.48569 9.19023 7.90366 9.18985 8.1843 8.94526Z' fill='%232B2B2B'/%3E%3C/svg%3E");
  background-position: right 17px center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.dna-dynamic-filter-container form select:focus-visible {
  outline: none !important;
}

.dna-dynamic-list-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  max-width: 1200px;
}

.dna-dynamic-list-container a {
  text-decoration: none;
  display: flex;
  justify-content: center !important;
  border: none !important;
  border-radius: 0px !important;
  padding: 0 !important;
}

.dna-dynamic-list-container a.button {
  display: flex;
  justify-content: center !important;
  border: none !important;
  border-radius: 0px !important;
  padding: 0 !important;
  background-color: transparent !important;
}

.dna-dynamic-list-container .list-empty,
.empty-scroll-msg-cont .list-empty {
  color: #000000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 50px 12px;
}

.empty-scroll-msg-cont {
  padding-bottom: 198px;
}

.dna-dynamic-listing-item {
  background-color: #ffffff;
  position: relative;
  flex: 0 1 30%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  min-width: 373px;
  max-width: 373px;
}

.list-item-type {
  position: absolute;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-align: left;
  top: 0;
  left: 0;
  color: #000000;
  padding: 3px 13px;
  line-height: 21.494px; /* 153.532% */
}

.list-item-background-drop {
  width: 100%;
  height: 256px;
  background-color: #484848;
  border-bottom: 8px solid #000000;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.list-item-desc-cont {
  padding: 24px;
  width: auto%;
}

.list-item-desc-cont .title {
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  color: #000000;
  padding-bottom: 6px;
}

.list-item-desc-cont .description {
  color: #000000;
  font-size: 16.121px;
  font-style: normal;
  font-weight: 400;
  line-height: 144%;
  text-align: left;
}

.list-item-desc-cont .description img {
  width: 100% !important;
}
.dna-dynamic-filter-container .select2-container--default .select2-selection--single {
  border: 0;
  background: transparent;
  height: auto;
  display: flex;
  column-gap: 7px;
}
.dna-dynamic-filter-container .select2-container--default .select2-selection--single .select2-selection__rendered {
  background: #faf9f8;
  color: #262f38;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.287px;
  padding: 0;
}
.dna-dynamic-filter-container  .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.1843 8.94526L12.2261 5.42268L13.0107 6.3229L8.96887 9.84549C8.2392 10.4814 7.15247 10.4824 6.42165 9.84778L2.36328 6.32363L3.14623 5.422L7.2046 8.94614C7.48569 9.19023 7.90366 9.18985 8.1843 8.94526Z' fill='%232B2B2B'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  height: 18px;
  position: relative;
  width: 14px;
  background-position: center;
}
.dna-dynamic-filter-container .select2-container--default .select2-selection--single .select2-selection__arrow b {
  opacity: 0;
}

.select2-results__option {
  font-size: 15px !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: transparent !important;
  color: black !important;
  font-weight: 1000 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: transparent !important;
  color: black !important;
  font-weight: 1000 !important;
}

.select2-container--open .select2-dropdown--below{
  padding: 10px;
  border-radius: 0;
  border: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field{
  width: 174px;
  height: 32px;
  flex-shrink: 0;
  background: var(--Primary-Grays-Light-Gray, #EEE);
  border: 1px solid transparent !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus{
  border-color: transparent;
  outline: none
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
      color: #262f38 !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field::placeholder{
  color: rgba(48, 48, 48, 0.60);
  font-size: 14.33px;
  font-style: normal;
  font-weight: 400;
  line-height: 21.494px;
  letter-spacing: 0.287px;
}

.dna-dynamic-filter-container form .sel-row {
  padding: 10px 17px 10px 21px;
}
@media screen and (min-width: 1024px) {
  .dna-filter-label {
    padding-right: 31px;
  }
}
@media screen and (min-width: 834px) {
  .dna-dynamic-filter-container .reset-filter-btn {
    margin-left: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .dna-dynamic-listing-item {
    flex: 0 1 calc(50% - 8px);
    max-width: 100%;
  }

  .dna-dynamic-list-container {
    column-gap: 15px;
    row-gap: 39px;
  }
  .dna-dynamic-filter-container {
    padding: 47px 0;
  }
  .list-item-desc-cont .title {
    font-size: 17.912px;
    font-style: normal;
    font-weight: 400;
    line-height: 124%; /* 22.211px */
  }
  .empty-scroll-msg-cont {
    padding-bottom: 214px;
  }
}

@media screen and (max-width: 1023px) {
  .dna-dynamic-filter-container {
    flex-direction: column;
    row-gap: 15px !important;
  }
  
  .searchbar-button {
    margin-right: 0;
  }
  
  .dna-dynamic-filter-container .reset-filter-btn {
    margin-left: 0;
  }
  
  ..dna-searchbar-container{
    margin-bottom: 20px !important;
  }  
  
  .dna-filters-and-searchbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  
  .dna-searchbar-container form {
    margin-bottom: 20px;
  }
}


@media screen and (max-width: 833px) {
  .dna-dynamic-filter-container {
    flex-direction: column;
    row-gap: 20px;
  }
  .dna-dynamic-listing-item {
    flex: 0 1 100%;
    max-width: 100%;
  }
  .dna-dynamic-list-container {
    row-gap: 42px;
  }
  .dna-dynamic-filter-container {
    padding: 44px 0 40px;
  }
  .list-item-background-drop {
    height: 199px;
  }
  .dna-dynamic-filter-container .reset-filter-btn {
    margin-top: 7px;
  }
  .dna-dynamic-filter-container form {
    gap: 0;
    flex-wrap: unset;
  }
  .empty-scroll-msg-cont {
    padding-bottom: 71px;
  }
}