.usefulInfo{
    width: 78%;
    margin: 70px auto 100px;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: flex-start;  */
    /* gap: 32px;  */
}  
.usefulInfo .usefulInfo_list a > div {
    padding-bottom: 20px;
}
.usefulInfo .usefulInfo_list{
    flex: 0 0 calc(25% - 32px);
    /*height: 198; */
    border-radius: 8px;
    gap: 20px;
    box-shadow: 0px 20px 40px 0px #10182814;
    box-sizing: border-box;
    display: flex;
    /* justify-content: center; */
    flex-direction: column;
    align-items: center;
    margin-right: 32px;
    /* font-size: 20px;
    color: #333333;
    line-height: 30px; */
    flex-shrink: 0;
    /* max-width: 256px; */
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 50px;
}  
.usefulInfo .usefulInfo_list:nth-child(4n) {
    margin-right: 0;
}
.usefulInfo .usefulInfo_list a{
    font-family: Rubik Regular;
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: center;
    color: #333333;
    width: 100%;
     padding: 30px 16px;
}
.usefulInfo .usefulInfo_list img{
    width: 54px;
height: 54px;
}


@media (max-width:953px) {
.usefulInfo .usefulInfo_list a > div {
    padding-bottom: 0px;
}
    .usefulInfo{
    width: 92%;
    margin: 24px auto 24px;
    display: flex;
    flex-direction: column;
}  
.usefulInfo .usefulInfo_list{
    /* padding: 16px 15px; */
    flex-direction: row;
    width: 100%;
    justify-content: flex-starts;
    max-width: 100%;
    text-align: left;
     margin-bottom: 16px;
   font-size: 15.79px;
    line-height: 29.73px;
  align-items: baseline;
}  
.usefulInfo .usefulInfo_list a{
    font-size: 15.79px;
    width: 100%;
    justify-content: flex-starts;
    max-width: 100%;
    text-align: left;
    display: flex;
    gap: 20px;
    align-items: center;
     padding: 16px 15px;
}
.usefulInfo .usefulInfo_list img{
    width: 36px;
height: 36px;
}
}