.story-listings-ctn{
  padding: var(--spacing-module-sm-xs, 56px) var(--spacing-module-sm-2xs, 56px);
}

.story-listings {
    max-width: 1320px;
    margin:0 auto;
  }

.story-listings .js-form-item.form-item{
  padding:0px;
}

  .story-listings .story-listing-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
  .story-listings .story-listing-wrapper .views-row {
    flex: 0 0 23.63%;
    border-radius: var(--border-radius-lg, 8px);
    background: none;
    box-shadow:none;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 300px;
    position: relative;
  }

  .story-listings-image{
    border-radius: var(--border-radius-lg, 8px);
    aspect-ratio: 308.00/205.33;
  }

  .story-listing-tag-ctn{
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .story-listings .story-listing-wrapper .story-listing-tag{
    width:fit-content;
    display: flex;
    padding: 4px 8px;
    align-items: flex-start;
    gap: 4px;
    border-radius: var(--border-radius-md, 4px);
  }

  .story-listings .story-listing-wrapper .views-row a{
    text-decoration: none;
  }

  .story-listing-link-ctn{
    display: flex;
    justify-content: flex-end;
  }

  .story-listing-link-ctn a{
    cursor:pointer;
  }

  .story-listing-link-ctn svg{
    width:48px;
    height:48px;
    padding:12px;
  }

  .story-listings .bef-checkboxes{
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0px;
    align-items: center;
    gap: 8px;
  }

  .story-listings .bef-checkboxes .js-form-item input[type="checkbox"]{
    display:none;
  }

  .story-listings .bef-checkboxes .js-form-item label.option{
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: var(--border-radius-round, 80px);
    transition:background .15s ease;
  }

  .story-listings .bef-toggle--select-all,.bef-toggle--deselect-all{
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: var(--border-radius-round, 80px);
    transition:background .15s ease;
  }


  @media only screen and (max-width: 800px) {
    .story-listings .story-listing-wrapper .views-row {
      flex:1;
    }
  }