.investors-filter ul, .searchandfilter ul {
  display: grid !important;
  grid-template-columns: 100%;
  gap: 0 25px;
  list-style: none;
  padding: 0 15px;
  margin: 0 auto 60px;
  max-width: 1014px;
  grid-row: auto;
}
@media (min-width: 767px) {
  .investors-filter ul, .searchandfilter ul {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: row;
  }
}
@media (min-width: 1024px) {
  .investors-filter ul, .searchandfilter ul {
    grid-template-columns: repeat(9, 1fr);
  }
}
.investors-filter ul li, .searchandfilter ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  grid-column: span 1;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 100%;
  grid-auto-flow: row;
}
@media (min-width: 767px) and (max-width: 1023px) {
  .investors-filter ul li:nth-of-type(1), .investors-filter ul li:nth-of-type(2), .searchandfilter ul li:nth-of-type(1), .searchandfilter ul li:nth-of-type(2) {
    grid-area: 1/span 2;
  }
  .investors-filter ul li:nth-of-type(3), .searchandfilter ul li:nth-of-type(3) {
    grid-area: 2/span 2;
  }
  .investors-filter ul li:nth-of-type(4), .investors-filter ul li:nth-of-type(5), .searchandfilter ul li:nth-of-type(4), .searchandfilter ul li:nth-of-type(5) {
    grid-area: 2/span 1;
  }
}
@media (min-width: 1024px) {
  .investors-filter ul li, .searchandfilter ul li {
    grid-area: 1/span 2;
  }
}
@media (min-width: 1024px) {
  .investors-filter ul li:last-of-type, .searchandfilter ul li:last-of-type {
    grid-area: 1/span 1;
  }
}
.investors-filter ul li:last-of-type a, .searchandfilter ul li:last-of-type a {
  line-height: 3.4375rem;
  text-align: center;
}
.investors-filter ul label, .searchandfilter ul label {
  width: 100%;
}
.investors-filter ul h4, .searchandfilter ul h4 {
  text-transform: none;
}
.investors-filter ul strong, .searchandfilter ul strong {
  display: block;
  grid-area: 1/1/1/1;
}
.investors-filter ul .arrow, .searchandfilter ul .arrow {
  grid-area: 2/1/2/1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 10px;
  font-size: 1.25rem;
  z-index: 1;
}
.investors-filter ul .dropdown, .searchandfilter ul .dropdown {
  grid-area: 2/1/2/1;
  z-index: 2;
}
.investors-filter ul select, .searchandfilter ul select {
  background: transparent;
  cursor: pointer;
  color: var(--color-brown);
  width: 100%;
  font-size: 1rem;
  line-height: 1;
  padding: 18px;
  border: 1px solid var(--color-gray-border);
  font-family: var(--font-sans);
  outline: none;
  border-radius: 4px;
  appearance: none;
}
.investors-filter li:nth-last-of-type(-n+2), .searchandfilter li:nth-last-of-type(-n+2) {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.investors-filter li:nth-last-of-type(-n+2) button, .searchandfilter li:nth-last-of-type(-n+2) button {
  appearance: none;
  border: 1px solid var(--color-red);
  background-color: transparent;
  color: var(--color-red);
  transition: color 0.25s ease-in-out;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  font-weight: var(--font-weight-700);
  padding: 15px 10px;
  font-size: 1.25rem;
  line-height: 1.4375rem;
}
.investors-filter li:nth-last-of-type(-n+2) button span, .searchandfilter li:nth-last-of-type(-n+2) button span {
  position: relative;
  z-index: 2;
}
.investors-filter li:nth-last-of-type(-n+2) button:after, .searchandfilter li:nth-last-of-type(-n+2) button:after {
  background-color: var(--color-yellow);
  height: 100%;
  width: 100%;
  top: 0;
  left: -100%;
  z-index: 1;
  content: "";
  position: absolute;
  transition: left 0.25s ease-in-out;
}
.investors-filter li:nth-last-of-type(-n+2) button:hover, .searchandfilter li:nth-last-of-type(-n+2) button:hover {
  border-color: var(--color-yellow);
  color: var(--color-brown);
}
.investors-filter li:nth-last-of-type(-n+2) button:hover:after, .searchandfilter li:nth-last-of-type(-n+2) button:hover:after {
  left: 0;
}

.blog .main .listing .grid-container,
.investors .grid-container {
  max-width: 1014px;
  margin: 30px auto;
}
.blog .main .listing .heading,
.investors .heading {
  padding: 0 15px;
}
.blog .main .listing .listing .grid,
.investors .listing .grid {
  padding: 0 15px !important;
  grid-template-columns: 100%;
  gap: 30px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .blog .main .listing .listing .grid,
  .investors .listing .grid {
    grid-template-columns: 1fr 1fr !important;
  }
}
.blog .main .listing .listing .grid + .heading,
.investors .listing .grid + .heading {
  margin-top: 50px;
}
.blog .main .listing .listing .grid .item,
.investors .listing .grid .item {
  border-bottom: 1px solid var(--color-gray-border);
  padding: 15px !important;
  display: grid;
  gap: 15px;
  grid-template-columns: 100%;
}
@media (min-width: 767px) {
  .blog .main .listing .listing .grid .item,
  .investors .listing .grid .item {
    grid-template-columns: 100px auto;
  }
}
.blog .main .listing .listing .grid .item a,
.investors .listing .grid .item a {
  display: inline-block;
}
.blog .main .listing .listing .grid .item p,
.investors .listing .grid .item p {
  margin: 0;
}
.blog .main .listing .listing .grid .item h3,
.investors .listing .grid .item h3 {
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.blog .main .listing .listing .grid .item .photo,
.investors .listing .grid .item .photo {
  display: none;
}
@media (min-width: 767px) {
  .blog .main .listing .listing .grid .item .photo,
  .investors .listing .grid .item .photo {
    display: block;
  }
}
.blog .main .listing .listing .grid .item .photo .photo-inner,
.investors .listing .grid .item .photo .photo-inner {
  border: 1px solid var(--color-gray-border);
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 145px;
  margin: 0 auto 15px;
  aspect-ratio: var(--aspect-square);
}
.blog .main .listing .listing .grid .item .photo img,
.investors .listing .grid .item .photo img {
  max-width: 100%;
  height: auto;
  filter: grayscale(100%);
  opacity: 0.7;
  display: block;
  margin: 0;
  object-fit: contain;
}
.blog .main .listing .listing .grid .item .content ul,
.investors .listing .grid .item .content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.blog .main .listing .listing .grid .item .content ul li,
.investors .listing .grid .item .content ul li {
  list-style: none;
  padding: 5px 0;
  margin: 0;
}
.blog .main .listing .listing .grid .item .content ul li i,
.investors .listing .grid .item .content ul li i {
  margin-right: 3px;
}
.blog .main .listing .listing .grid .item .content ul li.clusters,
.investors .listing .grid .item .content ul li.clusters {
  font-size: 0.875rem;
  line-height: 1.3125rem;
}
.blog .main .listing .listing .grid .item .content ul li.certification, .blog .main .listing .listing .grid .item .content ul li.website,
.investors .listing .grid .item .content ul li.certification,
.investors .listing .grid .item .content ul li.website {
  font-size: 0.875rem;
  line-height: 1;
}
.blog .main .listing .listing .grid .item .content ul li.certification svg, .blog .main .listing .listing .grid .item .content ul li.website svg,
.investors .listing .grid .item .content ul li.certification svg,
.investors .listing .grid .item .content ul li.website svg {
  width: auto;
  height: 14px;
}
.blog .main .listing .listing .grid .item .content ul li.certification svg path, .blog .main .listing .listing .grid .item .content ul li.website svg path,
.investors .listing .grid .item .content ul li.certification svg path,
.investors .listing .grid .item .content ul li.website svg path {
  fill: var(--color-brown);
  transition: fill 0.25s ease-in-out;
}
@media (min-width: 880px) {
  .blog .main .listing .listing .grid .item .content ul li.certification, .blog .main .listing .listing .grid .item .content ul li.website,
  .investors .listing .grid .item .content ul li.certification,
  .investors .listing .grid .item .content ul li.website {
    display: inline;
  }
  .blog .main .listing .listing .grid .item .content ul li.certification + li, .blog .main .listing .listing .grid .item .content ul li.website + li,
  .investors .listing .grid .item .content ul li.certification + li,
  .investors .listing .grid .item .content ul li.website + li {
    margin-left: 15px;
  }
}
.blog .main .listing .listing .grid .item .content ul li.levels,
.investors .listing .grid .item .content ul li.levels {
  font-size: 1rem;
  line-height: 1;
  color: var(--color-pink);
}
.blog .main .listing .listing .grid .item .content ul li.levels svg,
.investors .listing .grid .item .content ul li.levels svg {
  width: auto;
  height: 14px;
}
.blog .main .listing .listing .grid .item .content ul li.levels svg path,
.investors .listing .grid .item .content ul li.levels svg path {
  fill: var(--color-pink);
}