/* =========================================================
   ABOUT.HTML — page-specific styles (prefix: about_)
   ========================================================= */

.about_story-visual{ position:relative; }
.about_story-photo{ height:260px; }
.about_story-card{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius-lg);
  padding:50px 40px; position:relative; overflow:hidden;
}
.about_story-card::before{ content:""; position:absolute; inset:0; background:var(--grad-glow); opacity:.6; }
.about_story-card i{ font-size:34px; color:var(--violet); position:relative; z-index:1;float:left; }
.about_story-card p{ font-size:22px; color:var(--text-1); margin-top:18px; position:relative; z-index:1; line-height:1.5; }

.about_stats-num{ font-size:42px; }
.about_stats-label{ color:var(--text-3); font-size:14px; margin-top:6px; }

.about_value-card{ text-align:center; }
.about_value-card i{ font-size:30px; color:var(--violet); margin-bottom:18px; display:block; }
.about_value-card h4{ font-size:17px; margin-bottom:10px; }
.about_value-card p{ font-size:14px; color:var(--text-3); }

.about_team-card{ text-align:center; }
.about_team-avatar{ width:84px; height:84px; margin:0 auto 16px; border:2px solid var(--border-strong); }
.about_team-card h5{ font-size:17px; margin-bottom:6px; }
.about_team-card span{ font-size:17px; color:var(--text-3); }
.aboutbg{
background: url(../images/mockup_web4.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
}


@media(max-width:767px){

.aboutbg{
    background: none !important;

}

}