.elementor-1020 .elementor-element.elementor-element-cb8a960{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-00e3650 */.honar-values{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin:50px 0;
}


.value-card{
    background:#ffffff;
    border-radius:24px;
    padding:35px 25px;
    text-align:center;
    border:1px solid #E2E8F0;
    transition:.3s;
}


.value-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}


.value-icon{
    width:75px;
    height:75px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#F8FAFC;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
}


.value-card h3{
    color:#1E293B;
    font-size:20px;
    margin-bottom:15px;
}


.value-card p{
    color:#64748B;
    line-height:2;
    font-size:14px;
}


/* موبایل */
@media(max-width:768px){
    .honar-values{
        grid-template-columns:1fr;
    }
}/* End custom CSS */