/*بـسـم الله الـرحـمـن الـرحـیـم*/




.about-section{

    width:100%;

    margin:auto;

    padding:50px 20px;

    direction:rtl;

    background:
    radial-gradient(circle at top,#14532d,#020617 45%);

}



/* logo */

.about-logo{

    text-align:center;

}


.about-logo-img{

    width:170px;

    filter:
    drop-shadow(0 20px 40px rgba(34,197,94,.4));

    transition:.5s;

    border-radius: 14px;

}


.about-logo-img:hover{

    transform:scale(1.08);

}



/* معرفی */


.about-card{


    margin:40px auto;


    max-width:850px;


    padding:45px;


    text-align:center;


    background:

    rgba(15,23,42,.75);


    backdrop-filter:blur(20px);


    border-radius:35px;


    border:

    1px solid rgba(34,197,94,.2);


    box-shadow:

    0 30px 80px rgba(0,0,0,.5);


}



.about-card h2{


    color:#22c55e;


    font-size:32px;


    margin-bottom:25px;


    font-family:vazir--bold;

}


.about-card p{


    color:#d1d5db;

    line-height:2.3;

    font-size:18px;

}



.about-slogan{


    margin-top:30px;

    padding:15px;

    border-radius:20px;

    background:#052e16;

    color:#86efac;

    font-size:22px;

}



/* support */


.support-area{

    margin-top:50px;

    text-align:center;

}



.support-area h3{

    color:white;

    font-size:28px;

}



.support-area p{

    color:#94a3b8;

}



.support-grid{


    display:grid;


    grid-template-columns:

    repeat(auto-fit,minmax(150px,1fr));


    gap:20px;


    margin-top:30px;


}



.support-card{


    height:130px;


    display:flex;


    flex-direction:column;


    justify-content:center;


    align-items:center;


    gap:15px;


    border-radius:30px;


    color:white;


    text-decoration:none;


    background:#07111d;


    border:1px solid rgba(255,255,255,.1);


    transition:.4s;


}



.support-card img{

    border-radius: 13px;

    width:50px;

}



.support-card:hover{

    transform:

    translateY(-12px);


}



/* colors */
.contact:hover{

    background:#3b00a8;
    
    box-shadow:0 20px 40px #2400a855;
    
}


.bale:hover{

background:#00a884;

box-shadow:0 20px 40px #00a88455;

}



.telegram:hover{

background:#229ed9;

box-shadow:0 20px 40px #229ed955;

}



.eitaa:hover{

background:#e11d48;

box-shadow:0 20px 40px #e11d4855;

}



.rubika:hover{

background:#7c3aed;

box-shadow:0 20px 40px #7c3aed55;

}



.email-box{

    margin:35px auto;

    padding:22px 30px;

    max-width:450px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:15px;


    background:
    linear-gradient(
        145deg,
        #07111d,
        #020617
    );


    border-radius:25px;


    border:1px solid rgba(34,197,94,.35);


    box-shadow:

    0 0 15px rgba(34,197,94,.25),
    0 0 35px rgba(34,197,94,.18),
    inset 0 0 20px rgba(34,197,94,.08);


    transition:.4s;

}




.email-box:hover{


    transform:translateY(-6px);


    border-color:#22c55e;


    box-shadow:

    0 0 25px rgba(34,197,94,.5),
    0 0 60px rgba(34,197,94,.3),
    inset 0 0 25px rgba(34,197,94,.15);


}



.email-box img{

    width:38px;

    height:38px;


    filter:

    drop-shadow(0 0 10px rgba(34,197,94,.7));

}



.email-box a{


    color:#86efac;


    font-family:vazir--bold;


    font-size:18px;


    transition:.3s;


}



.email-box a:hover{


    color:#22c55e;

}
.email-body{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 10px auto;
}


.email-box img{

width:35px;

}



.email-box a{

color:#4ade80;

font-size:18px;

font-weight:bold;

}





.trust-box{


margin-top:40px;

text-align:center;


background:#fff;

color:#111;

padding:25px;

border-radius:30px;


}



footer{

margin-top:30px;

text-align:center;

color:#94a3b8;

}