.about-page{

    position:relative;

    min-height:100vh;

    padding:180px 7% 120px;

    display:flex;

    justify-content:center;

    align-items:center;

    background-image:
    url('/assets/images/hero/hero.png');

    background-size:cover;

    background-position:center;

    overflow:hidden;

}

.about-overlay{

    position:absolute;

    inset:0;

    background:
    rgba(0,0,0,.72);

    backdrop-filter:blur(4px);

}

.about-card{

    position:relative;

    z-index:5;

    width:100%;

    max-width:950px;

    padding:70px;

    border-radius:40px;

    background:
    rgba(255,255,255,.04);

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

    backdrop-filter:blur(22px);

    box-shadow:
    0 0 80px rgba(0,0,0,.45);

}

.about-avatar{

    width:180px;

    height:180px;

    margin:0 auto 60px;

    border-radius:34px;

    overflow:hidden;

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

}

.about-avatar img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.about-text{

    color:
    rgba(255,255,255,.78);

font-family:'Vazir';
  
    font-size:1.15rem;

    line-height:2.9;

    text-align:center;

    font-weight:300;

}

.about-text p{

    margin-bottom:34px;

}