.elementor-742 .elementor-element.elementor-element-031fe83{--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;--margin-top:0%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;}.elementor-742 .elementor-element.elementor-element-a9a4f41{--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;--margin-top:0%;--margin-bottom:2%;--margin-left:0%;--margin-right:0%;}.elementor-742 .elementor-element.elementor-element-ce96995{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-742 .elementor-element.elementor-element-ce96995{--width:91%;}}/* Start custom CSS for html, class: .elementor-element-6e27427 */.about-story{
background:#070707;
padding:120px 20px;
direction:rtl;
}

.about-story-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:1.1fr 1fr;
gap:60px;
align-items:center;
}

/* متن */

.story-label{
color:#d4af37;
font-size:14px;
margin-bottom:10px;
display:block;
}

.story-title{
font-size:44px;
color:#fff;
margin-bottom:25px;
line-height:1.4;
}

.story-title span{
color:#d4af37;
}

.story-text{
color:#cfcfcf;
font-size:17px;
line-height:2;
margin-bottom:16px;
max-width:520px;
}

/* کارت ها */

.story-stats{
display:flex;
gap:20px;
margin-top:35px;
flex-wrap:wrap;
}

.stat-card{
background:#0f0f0f;
border:1px solid rgba(212,175,55,0.25);
border-radius:14px;
padding:22px 28px;
min-width:120px;
text-align:center;
transition:.3s;
}

.stat-card:hover{
transform:translateY(-6px);
border-color:#d4af37;
}

.stat-number{
color:#d4af37;
font-size:22px;
font-weight:600;
margin-bottom:5px;
}

.stat-label{
color:#d0d0d0;
font-size:14px;
}

/* تصویر */

.about-story-image img{
width:100%;
border-radius:20px;
display:block;
box-shadow:0 20px 60px rgba(0,0,0,0.5);
}

/* ریسپانسیو */

@media (max-width:992px){

.about-story-container{
grid-template-columns:1fr;
gap:40px;
}

.story-title{
font-size:34px;
}

.story-text{
max-width:100%;
}

}

@media (max-width:600px){

.about-story{
padding:80px 18px;
}

.story-title{
font-size:28px;
}

.story-stats{
justify-content:center;
}

.stat-card{
flex:1;
min-width:100px;
}

}/* End custom CSS */