.grid-list{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(298px, 1fr));
  gap: 30px 20px;
  justify-content: space-between;
}

.goup-box{
  border-radius: 15px;
  overflow: hidden;
  width: 100%;
  max-width: 500px;
}

.goup-box:has(.post-list){
  background: #EFEFEE;
}

.group-head{
  position: relative;

  .titleWrap{
    position: absolute;
    left: 20px;
    bottom: 20px;
    max-width: 70%;
  }
  
  .title.
  .subtitle{
    font-family: "Montserrat", Sans-serif;
    font-weight: 600;
  }

  .title{
    font-size: 29px;
    color: #FFF;
    
  }
  
  .subtitle{
    font-size: 14px;
    color: #DF9032;
  }
  
  .img{
    width: 100%;
    height: 33vh;
    min-height: 300px;
    max-height: 367px;
  
    img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 15px;
    }
  }
}

.post-list{
  padding: 25px 16px 30px;
  .title,
  .list{
    font-family: "Montserrat", Sans-serif;
    color: #4D4D33;
  }

  .title{
    font-size: 19px;
    font-weight: bold;
  }

  .list{
    font-size: 14px;

    li{
      margin-top: 12px;
      font-weight: 600;
    }

    a:hover{
      text-decoration: underline;
    }
  }

}