/* ===== GLOBAL STYLES ===== */
.dma-page * { box-sizing: border-box; margin: 0; padding: 0; }
.dma-page { font-family: ‘Inter’, -apple-system, BlinkMacSystemFont, ‘Segoe UI’, sans-serif; color: #ffffff; overflow-x: hidden; }
.dma-page a { text-decoration: none; color: inherit; }
.dma-section { padding: 100px 20px; }
.dma-container { max-width: 1200px; margin: 0 auto; }
.dma-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; }
.dma-title { font-size: clamp(32px, 5vw, 52px); font-weight: 800; line-height: 1.15; margin-bottom: 20px; }
.dma-subtitle { font-size: clamp(16px, 2vw, 20px); line-height: 1.7; opacity: 0.85; max-width: 600px; }
.dma-btn { display: inline-block; padding: 16px 40px; border-radius: 50px; font-size: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; border: none; letter-spacing: 0.5px; }
.dma-btn-primary { background: linear-gradient(135deg, #6C63FF, #3B82F6); color: #fff; box-shadow: 0 8px 30px rgba(108, 99, 255, 0.4); }
.dma-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(108, 99, 255, 0.6); }
.dma-btn-outline { border: 2px solid rgba(255,255,255,0.3); color: #fff; background: transparent; }
.dma-btn-outline:hover { background: rgba(255,255,255,0.1); border-color: #fff; }
.dma-section-header { text-align: center; margin-bottom: 60px; }
.dma-section-header .dma-subtitle { margin: 0 auto; }
.dma-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; align-items: center; }
.dma-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.dma-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
@media (max-width: 992px) {
.dma-grid-2, .dma-grid-3, .dma-grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
.dma-grid-2, .dma-grid-3, .dma-grid-4 { grid-template-columns: 1fr; }
.dma-section { padding: 70px 20px; }
.dma-hero-buttons { flex-direction: column; align-items: flex-start; }
}
/* ===== HERO SECTION ===== */
.dma-hero {
min-height: 100vh;
background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 40%, #0d0d2b 100%);
display: flex;
align-items: center;
position: relative;
overflow: hidden;
padding: 120px 20px 100px;
}
.dma-hero::before {
content: ”;
position: absolute;
top: -50%;
right: -20%;
width: 800px;
height: 800px;
background: radial-gradient(circle, rgba(108, 99, 255, 0.15) 0%, transparent 70%);
border-radius: 50%;
}
.dma-hero::after {
content: ”;
position: absolute;
bottom: -30%;
left: -10%;
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);
border-radius: 50%;
}
.dma-hero .dma-container { position: relative; z-index: 2; }
.dma-hero .dma-badge { background: rgba(108, 99, 255, 0.15); color: #a5b4fc; border: 1px solid rgba(108, 99, 255, 0.3); }
.dma-hero .dma-title { color: #fff; }
.dma-hero .dma-title span { background: linear-gradient(135deg, #6C63FF, #3B82F6, #06B6D4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dma-hero .dma-subtitle { color: rgba(255,255,255,0.7); margin-bottom: 40px; font-size: 19px; }
.dma-hero-buttons { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 60px; }
.dma-hero-stats { display: flex; gap: 50px; flex-wrap: wrap; }
.dma-hero-stat { text-align: left; }
.dma-hero-stat .number { font-size: 42px; font-weight: 800; background: linear-gradient(135deg, #6C63FF, #3B82F6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dma-hero-stat .label { font-size: 14px; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; }
/* ===== SERVICES SECTION ===== */
.dma-services {
background: linear-gradient(180deg, #0d0d2b 0%, #111133 100%);
padding: 100px 20px;
}
.dma-services .dma-badge { background: rgba(108, 99, 255, 0.15); color: #a5b4fc; border: 1px solid rgba(108, 99, 255, 0.3); }
.dma-services .dma-title span { background: linear-gradient(135deg, #6C63FF, #3B82F6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dma-service-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;
position: relative;
overflow: hidden;
}
.dma-service-card::before {
content: ”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #6C63FF, #3B82F6);
opacity: 0;
transition: opacity 0.4s ease;
}
.dma-service-card:hover { background: rgba(255,255,255,0.06); transform: translateY(-5px); border-color: rgba(108, 99, 255, 0.3); }
.dma-service-card:hover::before { opacity: 1; }
.dma-service-icon {
width: 70px;
height: 70px;
border-radius: 16px;
background: linear-gradient(135deg, rgba(108, 99, 255, 0.15), rgba(59, 130, 246, 0.15));
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
font-size: 32px;
}
.dma-service-card h3 { font-size: 22px; font-weight: 700; margin-bottom: 14px; color: #fff; }
.dma-service-card p { font-size: 15px; line-height: 1.7; color: rgba(255,255,255,0.6); }
/* ===== ABOUT SECTION ===== */
.dma-about {
background: linear-gradient(180deg, #111133 0%, #0a0a1a 100%);
padding: 100px 20px;
}
.dma-about .dma-badge { background: rgba(6, 182, 212, 0.15); color: #67e8f9; border: 1px solid rgba(6, 182, 212, 0.3); }
.dma-about .dma-title span { background: linear-gradient(135deg, #06B6D4, #3B82F6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dma-about-content .dma-subtitle { max-width: 100%; margin-bottom: 30px; }
.dma-about-features { list-style: none; padding: 0; margin-bottom: 35px; }
.dma-about-features li { padding: 10px 0; font-size: 16px; color: rgba(255,255,255,0.8); display: flex; align-items: center; gap: 12px; }
.dma-about-features li .check { color: #06B6D4; font-size: 20px; font-weight: bold; }
.dma-about-image-wrapper {
background: linear-gradient(135deg, rgba(108, 99, 255, 0.1), rgba(6, 182, 212, 0.1));
border-radius: 24px;
padding: 40px;
border: 1px solid rgba(255,255,255,0.08);
text-align: center;
}
.dma-about-image-wrapper .dma-about-visual {
font-size: 120px;
line-height: 1;
}
.dma-stats-row { display: flex; gap: 30px; margin-top: 20px; }
.dma-stats-row .stat-box { text-align: center; flex: 1; padding: 20px; background: rgba(255,255,255,0.03); border-radius: 12px; border: 1px solid rgba(255,255,255,0.06); }
.dma-stats-row .stat-box .num { font-size: 28px; font-weight: 800; color: #6C63FF; }
.dma-stats-row .stat-box .txt { font-size: 13px; color: rgba(255,255,255,0.5); margin-top: 4px; }
/* ===== PORTFOLIO SECTION ===== */
.dma-portfolio {
background: linear-gradient(180deg, #0a0a1a 0%, #0d0d2b 100%);
padding: 100px 20px;
}
.dma-portfolio .dma-badge { background: rgba(236, 72, 153, 0.15); color: #f9a8d4; border: 1px solid rgba(236, 72, 153, 0.3); }
.dma-portfolio .dma-title span { background: linear-gradient(135deg, #EC4899, #6C63FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dma-portfolio-card {
border-radius: 20px;
overflow: hidden;
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
transition: all 0.4s ease;
}
.dma-portfolio-card:hover { transform: translateY(-5px); border-color: rgba(108, 99, 255, 0.3); }
.dma-portfolio-thumb {
height: 220px;
display: flex;
align-items: center;
justify-content: center;
font-size: 60px;
}
.dma-portfolio-card:nth-child(1) .dma-portfolio-thumb { background: linear-gradient(135deg, #1e1b4b, #312e81); }
.dma-portfolio-card:nth-child(2) .dma-portfolio-thumb { background: linear-gradient(135deg, #0c4a6e, #075985); }
.dma-portfolio-card:nth-child(3) .dma-portfolio-thumb { background: linear-gradient(135deg, #4c1d95, #5b21b6); }
.dma-portfolio-info { padding: 24px; }
.dma-portfolio-info h3 { font-size: 20px; font-weight: 700; margin-bottom: 8px; color: #fff; }
.dma-portfolio-info p { font-size: 14px; color: rgba(255,255,255,0.5); margin-bottom: 12px; }
.dma-portfolio-tag { display: inline-block; padding: 4px 14px; border-radius: 50px; font-size: 12px; font-weight: 600; background: rgba(108, 99, 255, 0.15); color: #a5b4fc; border: 1px solid rgba(108, 99, 255, 0.2); }
/* ===== TESTIMONIALS SECTION ===== */
.dma-testimonials {
background: linear-gradient(180deg, #0d0d2b 0%, #111133 100%);
padding: 100px 20px;
}
.dma-testimonials .dma-badge { background: rgba(16, 185, 129, 0.15); color: #6ee7b7; border: 1px solid rgba(16, 185, 129, 0.3); }
.dma-testimonials .dma-title span { background: linear-gradient(135deg, #10B981, #06B6D4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dma-testimonial-card {
background: rgba(255,255,255,0.03);
border: 1px solid rgba(255,255,255,0.08);
border-radius: 20px;
padding: 35px;
transition: all 0.4s ease;
}
.dma-testimonial-card:hover { background: rgba(255,255,255,0.06); border-color: rgba(16, 185, 129, 0.3); }
.dma-testimonial-stars { color: #fbbf24; font-size: 18px; margin-bottom: 16px; letter-spacing: 2px; }
.dma-testimonial-text { font-size: 15px; line-height: 1.8; color: rgba(255,255,255,0.7); margin-bottom: 24px; font-style: italic; }
.dma-testimonial-author { display: flex; align-items: center; gap: 14px; }
.dma-testimonial-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, #6C63FF, #3B82F6);
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
font-weight: 700;
color: #fff;
}
.dma-testimonial-info h4 { font-size: 16px; font-weight: 700; color: #fff; }
.dma-testimonial-info p { font-size: 13px; color: rgba(255,255,255,0.5); }
/* ===== CTA SECTION ===== */
.dma-cta {
background: linear-gradient(135deg, #1a1a3e 0%, #0a0a1a 100%);
padding: 100px 20px;
text-align: center;
position: relative;
overflow: hidden;
}
.dma-cta::before {
content: ”;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 600px;
height: 600px;
background: radial-gradient(circle, rgba(108, 99, 255, 0.12) 0%, transparent 70%);
border-radius: 50%;
}
.dma-cta .dma-container { position: relative; z-index: 2; }
.dma-cta .dma-title span { background: linear-gradient(135deg, #6C63FF, #3B82F6, #06B6D4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.dma-cta .dma-subtitle { margin: 0 auto 40px; text-align: center; }
.dma-cta-buttons { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
/* ===== WHATSAPP BUTTON ===== */
.dma-whatsapp {
position: fixed;
bottom: 30px;
right: 30px;
width: 60px;
height: 60px;
background: #25D366;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 4px 20px rgba(37, 211, 102, 0.4);
z-index: 9999;
transition: all 0.3s ease;
cursor: pointer;
}
.dma-whatsapp:hover { transform: scale(1.1); box-shadow: 0 6px 30px rgba(37, 211, 102, 0.6); }
.dma-whatsapp svg { width: 32px; height: 32px; fill: #fff; }
🚀 #1 Digital Marketing Agency
We Build Brands ThatDominate Digital
Transform your online presence with data-driven strategies that deliver real results. We help businesses scale with social media, video marketing, lead generation, and powerful branding.
📱
Social Media Marketing
Engage your audience across all major platforms with compelling content strategies that build community and drive conversions.
🎬
Video Marketing
Captivate your audience with professional video content that tells your brand story and drives engagement across all channels.
🎯
Lead Generation
Fill your pipeline with high-quality leads using targeted campaigns, landing pages, and proven conversion optimization techniques.
✨
Branding
Create a powerful brand identity that resonates with your audience and sets you apart from the competition in your market.
About Us
We’re a Team of Digital Innovators
We are a results-driven digital marketing agency passionate about helping businesses thrive in the digital landscape. Our team combines creativity with data to deliver exceptional outcomes.
✓ Data-driven strategies with measurable ROI✓ Dedicated team of industry experts✓ Transparent reporting and communication✓ Custom solutions for every business✓ Proven track record of success
Learn More About Us →
📊
TechFlow SaaS Launch
300% increase in qualified leads within 3 months through integrated digital campaigns.
Lead Generation
🎯
FreshBite Brand Revival
Complete rebrand and social media strategy resulting in 500% follower growth.
Branding & Social
🎬
StyleHub Video Series
Viral video campaign generating 2M+ views and 150% increase in sales.
Video Marketing
★★★★★
“They transformed our entire digital presence. Our leads increased by 400% and our brand has never looked better. Truly exceptional work!”
JD
James Davidson
CEO, TechFlow Inc.
★★★★★
“The video marketing campaign they created went viral. We saw a 200% increase in engagement and our sales skyrocketed. Highly recommend!”
SM
Sarah Mitchell
Founder, StyleHub
★★★★★
“Professional, creative, and results-driven. They understood our vision and delivered beyond expectations. Best decision we ever made!”
RP
Robert Patel
Director, FreshBite Co.
Ready to Grow?
Let’s Build Something Extraordinary
Ready to take your business to the next level? Get in touch with us today and let’s create a winning digital strategy together.
