.meet-the-buyer-listings {
  width: 100%;
}

.meet-the-buyer-listings.fsqs .title {
  color: var(--hellios-purple);
  border-bottom: 10px solid var(--hellios-purple);
}
.meet-the-buyer-listings .title {
  font-size: 2.2em;
  margin-bottom: 1.5em;
  color: var(--hellios-pink);
  border-bottom: 10px solid #ed6199;
  width: fit-content;
  padding-bottom: 15px;
}

.meet-the-buyer-listings .listings {
  margin: 0 auto;
  display: grid;
	{# grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); #}
	grid-template-columns: 1fr 1fr 1fr;
  gap: 16px 128px;
	place-items: center;
	max-width: 1284px;
	width: 100%;
}

@media only screen and (max-width: 1210px) {
	.meet-the-buyer-listings .listings {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media only screen and (max-width: 790px) {
  .meet-the-buyer-listings .listings {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.meet-the-buyer-listings .listing {
  width: 300px;
}

.meet-the-buyer-listings .listing img {
  width: 300px;
}

.meet-the-buyer-listings .buttons {
  display: flex;
  width: 100%;
  gap: 4px;
}

.meet-the-buyer-listings.fsqs .buttons .btn {
	background-color: var(--hellios-dark-purple);
}

.meet-the-buyer-listings .buttons .btn {
  flex: 0 0 calc(50% - 2px);
	appearance: none;
	-webkit-appearance: none;
	background-color: var(--hellios-pink);
	border: none;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	margin: .2em 0;
	padding: .5em 2.2em;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	text-transform: uppercase;
	transition: background-color .3s;
	font-size: 18px;
}

.meet-the-buyer-listings.fsqs .btn.active,
.meet-the-buyer-listings.fsqs .buttons .btn:hover {
	background-color: var(--hellios-purple) !important;
}
.meet-the-buyer-listings .buttons .btn:hover {
	background-color: #f398bd !important;
	text-decoration: none !important;
	transform: unset !important;
}

.meet-the-buyer-listings .btn.active {
  background-color: #f398bd !important;
}

.meet-the-buyer-listings.fsqs .meetings .time-slot {
	color: var(--hellios-purple);
}
.meet-the-buyer-listings .meetings .time-slot {
	font-size: 18px;
  display: block;
  background-color: #f2f2f2;
  text-align: center;
  margin-bottom: 4px;
  text-decoration: none;
	padding: 4px 0;
}

.meet-the-buyer-listings .meetings .time-slot.disabled {
  text-decoration: line-through;
}

.meet-the-buyer-listings .listing .images {
  position: relative;
}

.meet-the-buyer-listings .listing img.company {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  background: rgba(255, 255, 255, 0.7);
  padding: 4px 8px;
  border-radius: 16px;
}

.meet-the-buyer-listings .listing img.headshot {
  /* border-radius: 50%; */
}

.meet-the-buyer-listings.fsqs .listing .name {
  color: var(--hellios-purple);
}
.meet-the-buyer-listings .listing .name {
  text-align: center;
  color: var(--hellios-pink);
  margin-bottom: 0.5em;
}
.meet-the-buyer-listings.fsqs .listing .interests-button {
	color: var(--hellios-purple);
}
.meet-the-buyer-listings .listing .interests-button {
  text-align: center;
  display: block;
  cursor: pointer;
	font-weight: 700;
}

// Modals
.meet-the-buyer-modals.fsqs .hhs-pop-inner .readmore {
	color: var(--hellios-purple) !important;
}
.meet-the-buyer-modals .hhs-pop-inner .readmore {
  cursor: pointer;
}

.meet-the-buyer-modals .readmore {
  /* position: absolute; */
  /* bottom: 24px; */
}

.meet-the-buyer-modals .hhs-pop-inner {
  max-height: 70%;
  overflow: auto !important;
  max-width: 800px;
  background-color: #fff;
  padding: 32px 32px;
  border-radius: 16px;
  margin: 0 8px;
}
.meet-the-buyer-modals .hhs-pop-inner:has(table) {
	max-width: fit-content !important;
	overflow-x: hidden !important;
}

.meet-the-buyer-modals .hhs-pop-inner table {
	border: 0 !important;
}

.meet-the-buyer-modals .hhs-pop-outer {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.meet-the-buyer-modals .hhs-pop-outer.active {
  display: flex;
}

.meet-the-buyer-modals ul {
  margin-top: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.meet-the-buyer-modals p,
.meet-the-buyer-modals ul,
.meet-the-buyer-modals ul li,
.meet-the-buyer-modals ul span {
  font-size: 20px;
}

.meet-the-buyer-modals table td {
  width: calc(25% - 8px) !important;
}

@media only screen and (max-width: 650px) {
  .meet-the-buyer-modals ul {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 450px) {
  .meet-the-buyer-modals ul {
    grid-template-columns: 1fr;
  }
}