.organization-card {
  min-height: 272px;
  top: 0;
  transition: all 0.3s ease;
}
.organization-card__rate {
  position: absolute;
  left: 50%;
  bottom: -10px;
  transform: translateX(-50%);
  z-index: 2;
}
.organization-card__mask {
  position: absolute;
  inset: 8px;
  bottom: -8px;
  border-radius: 32px;
  opacity: 0.5;
  background: var(--white);
  z-index: 1;
  transition: all 0.3s ease;
}
.organization-card__verified-badge {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 3;
}
.rtl .organization-card__verified-badge {
  right: auto;
  left: 2px;
}
.organization-card:hover {
  top: -8px;
}
.organization-card:hover .organization-card__mask {
  bottom: 8px;
  top: -8px;
}
.organization-card.no-card-mask .organization-card__mask {
  display: none;
}

/* Responsive fix for organization cards on mid-sized screens */
@media screen and (min-width: 899px) and (max-width: 1500px) {

  /* Override the large gap and allow items to wrap if necessary */
  .organization-card .gap-64 {
    gap: 12px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }

  /* Prevent the flex children from pushing out of the container bounds */
  .organization-card .gap-64>div {
    flex: 1 1 auto;
    min-width: 0;
  }

  /* Slightly reduce the padding of the grey box to save space */
  .organization-card .bg-gray-100.p-16 {
    padding: 12px !important;
  }

  /* Bring the text slightly closer to the icons to save horizontal space */
  .organization-card .ml-12 {
    margin-left: 8px !important;
  }

  /* Ensure the long text scales down rather than overflowing */
  .organization-card .gap-64 span {
    word-break: break-word;
    white-space: normal;
  }
}