.dma-about-page * { box-sizing: border-box; margin: 0; padding: 0; }
.dma-about-page { font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif; color: #fff; }
.dma-about-page a { text-decoration: none; color: inherit; }
/* Hero */
.about-hero {
min-height: 60vh;
background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 50%, #0d0d2b 100%);
display: flex; align-items: center; justify-content: center;
text-align: center; padding: 120px 20px 80px; position: relative; overflow: hidden;
}
.about-hero::before {
content: ”; position: absolute; top: -30%; right: -10%; width: 600px; height: 600px;
background: radial-gradient(circle, rgba(108,99,255,0.12) 0%, transparent 70%); border-radius: 50%;
}
.about-hero .container { max-width: 800px; margin: 0 auto; position: relative; z-index: 2; }
.about-hero .badge { display: inline-block; padding: 8px 20px; border-radius: 50px; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; background: rgba(108,99,255,0.15); color: #a5b4fc; border: 1px solid rgba(108,99,255,0.3); margin-bottom: 20px; }
.about-hero h1 { font-size: clamp(36px,5vw,56px); font-weight: 800; line-height: 1.15; margin-bottom: 20px; }
.about-hero h1 span { background: linear-gradient(135deg, #6C63FF, #3B82F6, #06B6D4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.about-hero p { font-size: 19px; color: rgba(255,255,255,0.7); line-height: 1.7; }
/* Mission Section */
.about-mission {
background: linear-gradient(180deg, #0d0d2b, #111133); padding: 100px 20px;
}
.about-mission .container { max-width: 1200px; margin: 0 auto; }
.about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.about-mission h2 { font-size: clamp(28px,4vw,42px); font-weight: 800; margin-bottom: 20px; }
.about-mission h2 span { background: linear-gradient(135deg, #6C63FF, #3B82F6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.about-mission p { font-size: 17px; color: rgba(255,255,255,0.7); line-height: 1.8; margin-bottom: 16px; }
.mission-visual {
background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 24px; padding: 50px; text-align: center;
}
.mission-visual .icon { font-size: 100px; margin-bottom: 20px; }
.mission-values { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mission-values .val { background: rgba(108,99,255,0.1); border: 1px solid rgba(108,99,255,0.2); border-radius: 12px; padding: 16px; text-align: center; }
.mission-values .val .emoji { font-size: 28px; margin-bottom: 6px; }
.mission-values .val .label { font-size: 13px; color: rgba(255,255,255,0.7); font-weight: 600; }
/* Values Section */
.about-values {
background: linear-gradient(180deg, #111133, #0a0a1a); padding: 100px 20px;
}
.about-values .container { max-width: 1200px; margin: 0 auto; }
.section-header { text-align: center; margin-bottom: 60px; }
.section-header .badge { display: inline-block; padding: 8px 20px; border-radius: 50px; font-size: 14px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 20px; }
.section-header h2 { font-size: clamp(28px,4vw,42px); font-weight: 800; margin-bottom: 16px; }
.section-header h2 span { background: linear-gradient(135deg, #06B6D4, #3B82F6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.section-header p { font-size: 18px; color: rgba(255,255,255,0.6); max-width: 600px; margin: 0 auto; line-height: 1.7; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.value-card {
background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 40px 30px;
transition: all 0.4s ease; text-align: center;
}
.value-card:hover { background: rgba(255,255,255,0.06); transform: translateY(-5px); border-color: rgba(6,182,212,0.3); }
.value-card .icon { font-size: 48px; margin-bottom: 20px; }
.value-card h3 { font-size: 20px; font-weight: 700; margin-bottom: 12px; }
.value-card p { font-size: 15px; color: rgba(255,255,255,0.6); line-height: 1.7; }
/* Team Section */
.about-team {
background: linear-gradient(180deg, #0a0a1a, #0d0d2b); padding: 100px 20px;
}
.about-team .container { max-width: 1200px; margin: 0 auto; }
.about-team .section-header .badge { background: rgba(236,72,153,0.15); color: #f9a8d4; border: 1px solid rgba(236,72,153,0.3); }
.about-team .section-header h2 span { background: linear-gradient(135deg, #EC4899, #6C63FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.team-card {
background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); border-radius: 20px; padding: 30px; text-align: center;
transition: all 0.4s ease;
}
.team-card:hover { background: rgba(255,255,255,0.06); transform: translateY(-5px); }
.team-avatar {
width: 90px; height: 90px; border-radius: 50%; margin: 0 auto 16px;
display: flex; align-items: center; justify-content: center;
font-size: 36px; font-weight: 700; color: #fff;
}
.team-card:nth-child(1) .team-avatar { background: linear-gradient(135deg, #6C63FF, #3B82F6); }
.team-card:nth-child(2) .team-avatar { background: linear-gradient(135deg, #EC4899, #6C63FF); }
.team-card:nth-child(3) .team-avatar { background: linear-gradient(135deg, #06B6D4, #3B82F6); }
.team-card:nth-child(4) .team-avatar { background: linear-gradient(135deg, #10B981, #06B6D4); }
.team-card h3 { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.team-card .role { font-size: 14px; color: rgba(255,255,255,0.5); }
/* CTA */
.about-cta {
background: linear-gradient(135deg, #1a1a3e, #0a0a1a); padding: 100px 20px; text-align: center; position: relative; overflow: hidden;
}
.about-cta::before {
content: ”; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
width: 500px; height: 500px; background: radial-gradient(circle, rgba(108,99,255,0.1) 0%, transparent 70%); border-radius: 50%;
}
.about-cta .container { max-width: 700px; margin: 0 auto; position: relative; z-index: 2; }
.about-cta h2 { font-size: clamp(28px,4vw,42px); font-weight: 800; margin-bottom: 16px; }
.about-cta h2 span { background: linear-gradient(135deg, #6C63FF, #3B82F6, #06B6D4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.about-cta p { font-size: 18px; color: rgba(255,255,255,0.6); line-height: 1.7; margin-bottom: 35px; }
.about-cta .btn {
display: inline-block; padding: 16px 40px; border-radius: 50px; font-size: 16px; font-weight: 700;
background: linear-gradient(135deg, #6C63FF, #3B82F6); color: #fff; box-shadow: 0 8px 30px rgba(108,99,255,0.4);
transition: all 0.3s ease;
}
.about-cta .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(108,99,255,0.6); }
@media (max-width: 768px) {
.about-grid, .values-grid, .team-grid { grid-template-columns: 1fr; }
.mission-values { grid-template-columns: 1fr 1fr; }
}
About Us
We’re Passionate About Digital Excellence
For over 8 years, we’ve been helping businesses transform their digital presence and achieve remarkable growth through innovative marketing strategies.
Our Mission
We exist to empower businesses with cutting-edge digital marketing strategies that drive real, measurable results. Our mission is to bridge the gap between brands and their audiences through creativity, data, and technology.
Founded in 2018, we’ve grown from a small team of passionate marketers to a full-service digital agency trusted by over 150 clients worldwide. Every campaign we run is backed by data and driven by results.
We believe that every business, regardless of size, deserves world-class digital marketing. That’s why we bring enterprise-level strategies to businesses of all scales.
🎯
Results First
Every decision we make is guided by one question: Will this deliver measurable results for our clients?
💎
Quality Over Quantity
We focus on delivering exceptional quality in every project, ensuring each detail is polished to perfection.
🔄
Continuous Learning
The digital landscape evolves daily. We stay ahead by constantly learning and adapting to new trends.
🤝
True Partnership
We don’t just work for our clients — we work with them. Your success is our success.
💡
Creative Innovation
We push creative boundaries to develop marketing solutions that truly stand out in crowded markets.
🔒
Transparency
Full transparency in reporting, strategy, and communication. No hidden fees, no surprises.
AK
Alex Kumar
CEO & Founder
SC
Sarah Chen
Creative Director
MR
Michael Ross
Head of Strategy
PJ
Priya Joshi
Lead Developer
Ready to Work Together?
Let’s discuss how our team can help accelerate your business growth with proven digital marketing strategies.
Get in Touch →
