.portfolio-container{
    display: flex;
    flex-wrap: wrap;
    gap:35px;
    margin-left: 3%;
    margin-top: 4%;

  }
.test{
    position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fill,minmax(295px,1fr));
  gap: 28px 28px;
  justify-content: center;
  padding-right: 28px;
  padding-left: 28px;
  
  
}
  .test .card {
   
   
    box-sizing: border-box; 
    box-shadow: rgba(100, 100, 111, 0.2) 5px 0px 5px -1px;
    border-radius: 20px !important;
    background-color: transparent;
  }
.card::before{
    border-radius: inherit;
}
  
.card-block{
  height:550px;
}
    
.card-logo{
    position: absolute;
  right: 21px;
 border-radius: 5px;
  top: 11%;
  width: 90px;
  padding: 2%;
  background: white;
}
.front-card-logo{
  z-index: 2;
}
.heart-btn{
    width: 14%;
  padding: 12px;
  position: absolute;
  top: 40%;
  right: 10%;
  background: white;
}

.slide-class{
    width: 18.2% !important;
    position: absolute;
    height: auto;
    z-index: 12;
   
}
.card-text{
  font-size:14px;
}

.home-boxes  .col-xl-4 {

  height: 420px;
  margin-top: 2%;
}

.home-boxes  .col-xl-4 .volunteer-single-item{
  height: inherit;
}