/* Toolbar section */

.listing__toolbar {
  padding-top: 0;
  padding-bottom: 0;
}

.listing__filter-buttons .listing__filter--active:after {
background: transparent;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M12.0354 4.73536L12.0707 4.7L12.0354 4.66464L11.3354 3.96464L11.3 3.92929L11.2646 3.96464L8 7.22929L4.73536 3.96464L4.7 3.92929L4.66464 3.96464L3.96464 4.66464L3.92929 4.7L3.96464 4.73536L7.22929 8L3.96464 11.2646L3.92929 11.3L3.96464 11.3354L4.66464 12.0354L4.7 12.0707L4.73536 12.0354L8 8.77071L11.2646 12.0354L11.3 12.0707L11.3354 12.0354L12.0354 11.3354L12.0707 11.3L12.0354 11.2646L8.77071 8L12.0354 4.73536Z" fill="%23051B29" stroke="%23051B29" stroke-width="0.1"/></svg>');
    background-size: cover;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-top: 2px;
    margin-left: 5px;
    opacity: 1;
  transform: initial;
position: unset;
}
.listing__toolbar--center {
  text-align: center;
}

.listing__toolbar-elements {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.listing__toolbar--center .listing__toolbar-elements {
  flex-direction: column;
  justify-content: center;
}

/* Search */

.listing__search {
  margin: 1.11rem 0;
}

.listing__toolbar--center .listing__search {
  margin-top: 0;
  margin-bottom: 2.22rem;
}

.listing__search-btn {
  cursor: default;
  pointer-events: none;
}

/* Nav */

.listing__nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1.11rem;
}

.listing__toolbar--center .listing__nav {
  justify-content: center;
}

/* Filter group */

.listing__filter-group {
  margin-bottom: 1.11rem;
  margin-inline-end: 1.11rem;
}

.listing__toolbar--center .listing__filter-group {
  margin-inline-end: 0;
  margin-left: .56rem;
  margin-right: .56rem;
}

/* Filter label */

.listing__filter-label {
  margin-bottom: .56rem;
}

/* Filter buttons */

.listing__filter-buttons {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.listing__toolbar--center .listing__filter-buttons {
  justify-content: center;
}

.listing-filter__button {
/*   margin: .28rem .56rem .28rem 0; */
  border-radius: 6px;
}

.listing__toolbar--center .listing__filter-button {
  margin-left: .28rem;
  margin-right: .28rem;
}

/* Filter drop-down */

.listing__filter-drop-down-button {
  margin-top: .56rem;
  margin-bottom: .56rem;
  border-radius: 6px;
}
.drop-down__list{
  border-radius: 6px;
}

/*  Responsive */

@media (max-width: 767px) {
  .listing__toolbar-elements,
  .listing__nav {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }

  .listing__filter-group {
    margin-bottom: .56rem;
    margin-right: 0;
  }

  .listing__toolbar--center .listing__filter-group {
    margin-left: 0;
    margin-right: 0;
  }

  .listing__filter-drop-down {
    width: 100% !important;
  }

  .listing__filter-drop-down-button {
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* Items section */

.listing__items {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* Item */

.listing__item {
/*   height: 100%; */
  display: flex;
  flex-direction: column;
  align-items: stretch;
  animation: .2s ease-in-out forwards uiPop;
}

/* Pagination */

.listing__pagination {
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}

.listing__pagination--one-item {
  display: none;
}

.listing__pagination--left {
  text-align: left;
}

.listing__pagination--center {
  text-align: center;
}

.listing__pagination--right {
  text-align: right;
}

@media (max-width: 767px) {
  .listing__pagination--left,
  .listing__pagination--center,
  .listing__pagination--right {
    text-align: center;
  }
}

.listing__pagination li {
  display: inline-block;
  margin: .28rem;
}

.listing__pagination a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  border-radius: 999px;
  cursor: pointer;
  background: #EFEFEF;
  color: #051B29;
  text-decoration: none;
  font-family: var(--ui-font-family);
  font-style: var(--ui-font-style);
  font-weight: var(--ui-font-weight);
  font-size: .9rem;
  text-align: center;
  transition: .2s ease-in-out;
}

.listing__pagination a:hover {
  background: #fff;
  color: #8BD6EB;
  text-decoration: none;
}

.listing__pagination .disabled a {
  background: none;
  color: #051B29;
  cursor: default;
}

.listing__pagination .active a,
.listing__pagination .active a:hover {
  background: linear-gradient(111.02deg, #8BD6EB 0%, #9ad7e8 100%);
  color: #fff;
}

.cstm_listing .drop-down__list{
      padding: 20px;
}

/* Responsive */
@media (min-width: 767px) {
.cstm_listing .listing__list.row{
/*     margin: 0 -13px; */
  }

.cstm_listing .col.s4.md-s4.sm-s12.card_item_main.cstm_col100 {
    width:100%;
}
.cstm_listing .col.s4.md-s4.sm-s12.card_item_main.cstm_col50 {
    width: 50%;
}
.cstm_listing .col.s4.md-s4.sm-s12.card_item_main.cstm_col33 {
    width: 33.33333333333333%;
    height: max-content;
}
.cstm_listing h4.content-card__title-tag {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cstm_listing .content-card__desc.small-text.clear:not(.cstm_listing .cstm_col100 .content-card__desc.small-text.clear) {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.col_100_grad_box{
    position: absolute;
    top: 0;
    bottom: 0;
    right: -90px;
    display: inline-flex;
}
.col_100_grad1{
      width: 30px;
    background: rgb(5 27 41 / 70%);
}
.col_100_grad2{
      width: 30px;
    background: rgb(5 27 41 / 50%);
}
.col_100_grad3{
      width: 30px;
    background: rgb(5 27 41 / 25%);
}


}
@media screen and (max-width: 1024px) and (min-width: 768px) {
.content-card .content-card__content {
    padding: 20px !important;
  }
.content_card.cstm_col50, .content_card.cstm_col33 {
    width: 49%;
}
.custom_list_content .cstm_col33:first-child{
  order: 1;
  }
}
@media (max-width: 767px) {
.cstm_listing h4.content-card__title-tag:not(.cstm_listing .cstm_col100 h4.content-card__title-tag) {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.cstm_listing .content-card__content {
    padding: 20px !important;
  }
.cstm_listing .col-width_100 .content-card__content{
    height: auto !important;
    padding: 1.5rem !important;
  }
.cstm_listing .content-card__desc:not(.cstm_listing .cstm_col100 .content-card__desc.small-text.clear)){
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.col.s4.md-s4.sm-s12.card_item_main {
    padding: 0px;
}
.card_item_main.cstm_col100:not( .cstm_is_filtered .card_item_main.cstm_col100) {
    width: 100%;
    margin-bottom: 280px;
    margin-left: -5%;
    min-width: 110%;
  }
.cstm_col100 .content-card__content {
    background: #051b29;
    bottom: -230px;
    color: #fff;
    left: 18px;
    right: 18px;
    position: absolute;
    z-index: 4;
    height: fit-content;
}
.col.s4.md-s4.sm-s12.card_item_main.cstm_col100 {
    margin-bottom: 170px;
}
.cstm_col100 .content-card__img img:not(.cstm_col100 .content-card__logo img) {
    max-height: 475px;
    min-height: 45vh;
    min-height: 100%;
}
.col_100_grad_box{
  bottom: -45px;
    height: 45px;
    position: absolute;
    z-index: 4;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
.col_100_grad1{
      height: 15px;
width: 100%;
    background: rgb(5 27 41 / 70%);
}
.col_100_grad2{
      height: 15px;
width: 100%;  
    background: rgb(5 27 41 / 50%);
}
.col_100_grad3{
      height: 15px;
width: 100%;
    background: rgb(5 27 41 / 25%);
}

}