.elementor-8 .elementor-element.elementor-element-72c52c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-4ed173d *//* ===============================
   روایت جاودان | صفحه درباره من
   =============================== */

.about-islamic{
    max-width:1150px;
    margin:70px auto;
    direction:rtl;
    font-family:'Vazirmatn',sans-serif;
    background:#fffdf8;
    border:1px solid rgba(183,145,61,.25);
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.08);
}

/*================ HERO ================*/

.about-hero{
    position:relative;
    background:linear-gradient(135deg,#083c35,#0d5b4f);
    padding:90px 40px 70px;
    text-align:center;
    overflow:hidden;
}

.about-hero::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.05;
    background-image:
    radial-gradient(circle at 25% 25%,#fff 2px,transparent 2px),
    radial-gradient(circle at 75% 75%,#fff 2px,transparent 2px);
    background-size:90px 90px;
}

.mihrab{
    width:220px;
    height:250px;
    margin:auto;
    border:3px solid #c9a44d;
    border-bottom:none;
    border-radius:180px 180px 0 0;
    position:relative;
}

.mihrab:before{
    content:"";
    position:absolute;
    inset:18px;
    border:2px solid rgba(201,164,77,.5);
    border-bottom:none;
    border-radius:160px 160px 0 0;
}

.site-title{
    margin-top:-165px;
    position:relative;
    color:#fff;
    font-size:52px;
    font-weight:800;
    letter-spacing:.5px;
}

.subtitle{
    margin-top:20px;
    color:#e2c989;
    font-size:18px;
}

/*================ CONTENT ================*/

.content{
    padding:70px;
    color:#4c4c4c;
    line-height:2.5;
    font-size:18px;
    text-align:justify;
}

.content p{
    margin-bottom:28px;
}

.content strong{
    color:#0d5b4f;
}

/*================ STATEMENT ================*/

.statement{
    margin:55px 0;
    padding:45px;
    background:#fff;
    border-right:5px solid #c9a44d;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    position:relative;
}

.statement::before{
    content:"❝";
    position:absolute;
    top:5px;
    right:20px;
    font-size:70px;
    color:#c9a44d;
    opacity:.18;
}

.statement p{
    margin:0;
    color:#666;
    font-size:19px;
    text-align:center;
}

/*================ TITLES ================*/

.section-title{
    text-align:center;
    margin:70px 0 45px;
}

.section-title h2{
    color:#0d5b4f;
    font-size:34px;
    margin-bottom:15px;
}

.gold-line{
    width:180px;
    height:3px;
    margin:auto;
    background:linear-gradient(to left,#c9a44d,#f5dfaa,#c9a44d);
    border-radius:10px;
}

/*================ GOALS ================*/

.goals{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:28px;
}

.goal{
    background:#fff;
    border:1px solid rgba(201,164,77,.25);
    border-radius:18px;
    padding:35px;
    transition:.35s;
}

.goal:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.08);
    border-color:#c9a44d;
}

.goal h3{
    color:#0d5b4f;
    font-size:22px;
    margin-bottom:15px;
}

.goal p{
    margin:0;
    color:#666;
    line-height:2.2;
    text-align:justify;
}

/*================ VERSE ================*/

.verse{
    margin-top:80px;
    background:#0d3d36;
    padding:70px 50px;
    text-align:center;
    color:#fff;
    position:relative;
}

.verse::before{
    content:"۞";
    position:absolute;
    left:30px;
    top:-15px;
    font-size:180px;
    color:#fff;
    opacity:.05;
}

.verse h2{
    color:#e4c986;
    font-size:34px;
    margin-bottom:30px;
    line-height:2;
}

.verse-translation{
    max-width:850px;
    margin:0 auto 35px;
    padding:22px 28px;
    border-top:1px solid rgba(228,201,134,.35);
    border-bottom:1px solid rgba(228,201,134,.35);
}

.verse-translation strong{
    color:#e4c986;
    display:block;
    margin-bottom:12px;
    font-size:18px;
}

.verse-translation p{
    color:#f2f2f2;
    margin:0;
    line-height:2.3;
    text-align:center;
}

.closing-text{
    max-width:900px;
    margin:auto !important;
    line-height:2.5;
    color:#f5f5f5;
    text-align:justify;
}

/*================ RESPONSIVE ================*/

@media(max-width:768px){

.about-islamic{
    margin:25px 15px;
}

.about-hero{
    padding:70px 20px 50px;
}

.mihrab{
    width:160px;
    height:190px;
}

.site-title{
    margin-top:-125px;
    font-size:36px;
}

.subtitle{
    font-size:15px;
}

.content{
    padding:35px 25px;
    font-size:16px;
}

.statement{
    padding:30px;
}

.statement p{
    font-size:17px;
}

.section-title h2{
    font-size:28px;
}

.goals{
    grid-template-columns:1fr;
}

.goal{
    padding:28px;
}

.verse{
    padding:45px 25px;
}

.verse h2{
    font-size:26px;
}

}/* End custom CSS */