.collection-list-wrapper{

  .collection-list-title{
    text-align: center;
    display: block;
    width: 100%;
  }

  
.collection-list {
  margin-top: 0;
  margin-bottom: 0;

  

  .card-wrapper{
    @media screen and (min-width:1000px){
      margin:0 25px;
    }
    

    .card{
      height:auto;
      background:transparent;
    }

    .card.style--square{
      .card__inner{
        .card__content{
          background:transparent;
        }
      }
      
      .card__content{
          background: #5f8d4e;
          border-bottom-left-radius: 20px;
          border-bottom-right-radius: 20px;

        .card__information{
          .card__heading{
            color: #fff;
            text-align: center;

            @media screen and (max-width:800px){
              display:flex;
              flex-direction: column;
              justify-content: center;
            }
            a{
              .icon-wrap{
                display:none;
              }
            }
          }
        }
      }
    }
    
    .card.style--cirlce{
      
      background:transparent;
      text-align:center;
      .card__inner{
        .card__media{
          border-radius:230px;
        }
      }
    }
  }
}

}

.collection-list-title {
  margin: 0;
}

@media screen and (max-width: 749px) {
  .collection-list:not(.slider) {
    padding-left: 0;
    padding-right: 0;
  }

  .section-collection-list .page-width {
    padding-left: 0;
    padding-right: 0;
  }

  .section-collection-list .collection-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.collection-list__item:only-child {
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .slider.collection-list--1-items {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .slider.collection-list--1-items,
  .slider.collection-list--2-items,
  .slider.collection-list--3-items,
  .slider.collection-list--4-items {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 750px) {
  .collection-list__item a:hover {
    box-shadow: none;
  }
}

@media screen and (max-width: 989px) {
  .collection-list.slider .collection-list__item {
    max-width: 100%;
  }
}

.collection-list-view-all {
  margin-top: 2rem;
}