.parent-icon{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    max-width:900px;
    margin:auto;
}

.parent-icon a{
    text-decoration: none;
    color: #0b1021;
}

.child-icon{
    aspect-ratio:1/1;
    background-size:90%;
    background-repeat:no-repeat;
    background-position:center 35%;
    border-radius:40%;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    display:flex;
    align-items:flex-end;
    justify-content:center;

    padding-bottom:20px;
    font-family:Byekan;
    font-size:15px;
    transition:all 0.35s ease;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

.child-icon span{
    z-index:2;
}

/* نور هنگام hover */
.child-icon::before{
    content:"";
    position:absolute;
    width:120%;
    height:120%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,0.6),transparent);
    top:-100%;
    left:-100%;
    transition:all 0.6s ease;
}

.child-icon:hover::before{
    top:100%;
    left:100%;
}


.child-icon:hover{
    transform:translateY(-6px) scale(1.07);
    box-shadow:0 18px 40px rgba(0,0,0,0.18);
}

/* تصاویر */
.call{
    background-image:url("../icons1/call-icon.png");
}

.form{
    background-image:url("../icons1/form-icon.png");
}

.whatsapp{
    background-image:url("../icons1/whatsapp-icon.png");
}

.bale{
    background-image:url("../icons1/bale-icon.png");
}

/* تبلت */
@media (max-width:992px){
    .parent-icon{
        grid-template-columns:repeat(2,1fr);
    }
}

/* موبایل */
@media (max-width:576px){
    .parent-icon{
        grid-template-columns:1fr;
    }
}