.hero-icons-updated li {
   display: flex;
   align-items: center;
    justify-content: center;
    padding-top: 15px;  
}

.hero-icons-updated h4 {
    margin: 0;
}

@media (max-width: 767px) {
.h-prop{
    width: 112px;
    text-align: left;
}
}

@media (min-width: 768px) {



.hero-icons-updated {
    display: flex;
    width: 88%; 
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
}


.hero-icons-updated li {
display: flex;
align-items: center;
padding: 0;
/* flex-direction: column; */


/* justify-content: space-between; */
width: 22%;
/* padding: 15px 15px 0 15px; */
}

}