.dv-about{--dv-r1:120px;--dv-r2:100px;position:relative;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:90px;padding:70px 150px;font-family:'Vazirmatn',Tahoma,sans-serif}
.dv-about::before{content:"";position:absolute;left:-180px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:#0f2f9a;opacity:.05;pointer-events:none}
.dv-about *{box-sizing:border-box}
.dv-collage{position:relative;flex:0 1 552px;width:100%;max-width:552px;aspect-ratio:552/620;min-width:0}
.dv-tile{position:absolute;overflow:hidden;background:#d8dff3}
.dv-tile .dv-img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--dv-x,50%) var(--dv-y,50%);transform-origin:var(--dv-x,50%) var(--dv-y,50%);transform:scale(var(--dv-z,1))}
.dv-t1{left:0;top:13.2%;width:50%;height:73.9%;border-radius:var(--dv-r1) 6px var(--dv-r1) 6px}
.dv-t2{left:55.4%;top:0;width:44.6%;height:47.6%;border-radius:6px 6px var(--dv-r2) 6px}
.dv-t3{left:55.4%;top:52.4%;width:44.6%;height:47.6%;border-radius:var(--dv-r2) 6px 6px 6px}
.dv-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#0f2f9a}
.dv-content{flex:0 1 620px;min-width:0;display:flex;flex-direction:column}
.dv-bar{display:block;width:48px;height:4px;border-radius:2px;background:#2ea300;margin-bottom:18px}
.dv-title{margin:0 0 28px;font-weight:800;color:#0f2f9a}
.dv-text{margin:0 0 16px;color:#5f6578;line-height:2;text-align:justify}
.dv-btn-wrap{margin-top:70px;text-align:left}
.dv-btn{display:inline-block;min-width:214px;text-align:center;text-decoration:none;background:#0f2f9a;color:#fff;transition:background-color .25s,color .25s}

/* انیمیشن */
.dv-a{animation-fill-mode:both;animation-delay:var(--dv-delay,0s);animation-play-state:paused;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.dv-about.is-inview .dv-a{animation-play-state:running}
.dv-mode-loop .dv-a{animation-iteration-count:infinite;animation-duration:9s}
.dv-mode-once .dv-a{animation-iteration-count:1;animation-duration:1s}
.dv-mode-loop .dv-tile{animation-name:dv-spray}
.dv-mode-loop .dv-dot{animation-name:dv-fleck}
.dv-mode-loop .dv-sl{animation-name:dv-slide}
.dv-mode-loop .dv-rs{animation-name:dv-rise}
.dv-mode-once .dv-tile{animation-name:dv-spray-in}
.dv-mode-once .dv-dot{animation-name:dv-fleck-in}
.dv-mode-once .dv-sl{animation-name:dv-slide-in}
.dv-mode-once .dv-rs{animation-name:dv-rise-in}
.dv-mode-none .dv-a{animation:none}
@keyframes dv-spray{0%{opacity:0;transform:translate(-120px,60px) scale(.5) rotate(-8deg)}12%,84%{opacity:1;transform:none}100%{opacity:0;transform:translate(-120px,60px) scale(.5) rotate(-8deg)}}
@keyframes dv-fleck{0%{opacity:0;transform:translate(-90px,50px) scale(.2)}12%,84%{opacity:.9;transform:none}100%{opacity:0;transform:translate(-90px,50px) scale(.2)}}
@keyframes dv-slide{0%{opacity:0;transform:translateX(70px)}12%,84%{opacity:1;transform:none}100%{opacity:0;transform:translateX(70px)}}
@keyframes dv-rise{0%{opacity:0;transform:translateY(24px)}12%,84%{opacity:1;transform:none}100%{opacity:0;transform:translateY(24px)}}
@keyframes dv-spray-in{from{opacity:0;transform:translate(-120px,60px) scale(.5) rotate(-8deg)}to{opacity:1;transform:none}}
@keyframes dv-fleck-in{from{opacity:0;transform:translate(-90px,50px) scale(.2)}to{opacity:.9;transform:none}}
@keyframes dv-slide-in{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}
@keyframes dv-rise-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.dv-a{animation:none!important}}

/* ریسپانسیو (پدینگ، فاصله‌ها و فونت‌ها از کنترل‌های ویجت می‌آیند) */
@media (max-width:1024px){
.dv-about{flex-direction:column;align-items:center}
.dv-collage{flex:none;width:100%;max-width:440px}
.dv-content{flex:none;width:100%;max-width:640px}
}
@media (max-width:767px){
.dv-collage{max-width:340px}
.dv-btn{min-width:0;width:100%}
.dv-dot{display:none}
}

/* Product-category-inspired CTA */
.dv-about .dv-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:54px;max-width:100%;position:relative;line-height:1.5;transition:background-color .28s,color .28s,box-shadow .28s,transform .28s}
.dv-about .dv-btn-icon{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);transition:transform .28s,background .28s}
.dv-about .dv-btn-icon svg{width:19px;height:19px;transform:scaleX(-1)}
.dv-about .dv-btn:hover .dv-btn-icon{transform:translateX(-4px);background:rgba(255,255,255,.26)}
.dv-about .dv-btn:hover{box-shadow:0 10px 24px rgba(16,45,76,.16);transform:translateY(-2px)}
.dv-about .dv-btn:focus-visible{outline:3px solid #20b6c9;outline-offset:3px}
@media(max-width:767px){.dv-about .dv-btn{width:100%;gap:12px}}
@media(prefers-reduced-motion:reduce){.dv-about .dv-btn,.dv-about .dv-btn-icon{transition:none}.dv-about .dv-btn:hover{transform:none}}