DIGITAL ASMITA · CREATIVE DIGITAL GROWTH
We Turn Ideas Into Digital Impact ✦
We Turn Ideas Into Digital Impact ✦
We Turn Ideas Into Digital Impact ✦
We Turn Ideas Into Digital Impact ✦
Every business has a unique story. We help bring that story to life
through creative ideas, smart digital strategies, and meaningful
online experiences. As a Digital Marketing Agency in Sangamner,
Digital Asmita helps businesses build a strong digital identity,
connect with the right audience, and grow with confidence.
From website development and SEO to social media marketing, creative
content, and digital advertising, we bring the right solutions together
to make your brand stand out in the digital world.
↗ Creative Ideas
↗ Smart Strategies
↗ Meaningful Growth
YOUR VISION. OUR DIGITAL EXPERTISE.
↗
➜
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
.da-impact-full {
width: 100vw;
min-height: 100vh;
margin-left: calc(50% - 50vw);
position: relative;
overflow: hidden;
isolation: isolate;
display: flex;
align-items: center;
justify-content: center;
padding: 90px 6%;
box-sizing: border-box;
background: linear-gradient(135deg, #ffffff 0%, #fff9fc 55%, #fff0f7 100%);
font-family: 'Poppins', sans-serif;
color: #242024;
}
/* Subtle geometric background */
.da-impact-grid {
position: absolute;
inset: 0;
z-index: -3;
background-image:
linear-gradient(rgba(146,38,91,0.045) 1px, transparent 1px),
linear-gradient(90deg, rgba(146,38,91,0.045) 1px, transparent 1px);
background-size: 46px 46px;
mask-image: linear-gradient(to bottom, transparent, black 20%, black 80%, transparent);
}
.da-impact-orb {
position: absolute;
border-radius: 50%;
pointer-events: none;
z-index: -2;
}
.da-orb-one {
width: 440px;
height: 440px;
top: -180px;
right: -120px;
background: radial-gradient(circle, rgba(226,125,173,0.22), rgba(226,125,173,0) 70%);
animation: daOrbFloat 9s ease-in-out infinite alternate;
}
.da-orb-two {
width: 400px;
height: 400px;
bottom: -180px;
left: -120px;
background: radial-gradient(circle, rgba(146,38,91,0.13), rgba(146,38,91,0) 70%);
animation: daOrbFloat 11s ease-in-out infinite alternate-reverse;
}
.da-impact-content {
width: 100%;
max-width: 1400px;
position: relative;
z-index: 2;
text-align: center;
}
/* Top label */
.da-impact-label {
display: flex;
align-items: center;
justify-content: center;
gap: 13px;
color: #92265B;
font-size: 12px;
font-weight: 700;
letter-spacing: 3px;
margin-bottom: 32px;
animation: daFadeUp 1s ease both;
}
.da-label-line {
width: 34px;
height: 2px;
background: #92265B;
border-radius: 4px;
}
/* Infinite moving heading */
.da-marquee-window {
width: 100%;
overflow: hidden;
padding: 12px 0 22px;
-webkit-mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);
mask-image: linear-gradient(90deg, transparent, black 5%, black 95%, transparent);
}
.da-marquee-track {
display: flex;
width: max-content;
white-space: nowrap;
animation: daMarquee 22s linear infinite;
will-change: transform;
}
.da-marquee-track span {
flex-shrink: 0;
padding-right: 65px;
font-size: clamp(34px, 5.2vw, 76px);
line-height: 1.35;
font-weight: 800;
letter-spacing: -2.5px;
color: #242024;
}
.da-marquee-track b {
color: #92265B;
font-weight: 800;
position: relative;
}
.da-marquee-window:hover .da-marquee-track {
animation-play-state: paused;
}
@keyframes daMarquee {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
/* Animated accent line */
.da-impact-underline {
width: 180px;
height: 4px;
margin: 8px auto 35px;
border-radius: 20px;
overflow: hidden;
background: rgba(146,38,91,0.12);
}
.da-impact-underline span {
display: block;
width: 60%;
height: 100%;
border-radius: 20px;
background: linear-gradient(90deg, #92265B, #ef9ac4, #92265B);
animation: daLineMove 2.5s ease-in-out infinite alternate;
}
@keyframes daLineMove {
from { transform: translateX(-45%); }
to { transform: translateX(115%); }
}
/* Description */
.da-impact-desc {
max-width: 980px;
margin: 0 auto 20px;
color: #51464e;
font-size: clamp(15px, 1.35vw, 19px);
font-weight: 400;
line-height: 2;
animation: daFadeUp 1s ease both;
animation-delay: 0.2s;
}
.da-impact-desc strong {
color: #92265B;
font-weight: 700;
}
.da-impact-desc-second {
animation-delay: 0.4s;
}
/* Service highlights */
.da-impact-points {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 14px;
margin: 32px 0 48px;
}
.da-impact-points span {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 12px 19px;
border: 1px solid rgba(146,38,91,0.18);
border-radius: 50px;
background: rgba(255,255,255,0.82);
color: #342630;
font-size: 13px;
font-weight: 600;
box-shadow: 0 8px 25px rgba(65,20,43,0.035);
transition: transform 0.3s ease, background 0.3s ease, color 0.3s ease;
}
.da-impact-points span:hover {
transform: translateY(-5px);
background: #92265B;
color: #ffffff;
}
.da-impact-points i {
color: #92265B;
font-size: 18px;
font-style: normal;
font-weight: 700;
}
.da-impact-points span:hover i {
color: #ffffff;
}
/* Bottom brand line */
.da-impact-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
color: #92265B;
}
.da-bottom-line {
width: clamp(25px, 6vw, 90px);
height: 1px;
background: linear-gradient(90deg, transparent, #92265B);
}
.da-bottom-line:last-child {
transform: rotate(180deg);
}
.da-bottom-text {
font-size: 10px;
font-weight: 700;
letter-spacing: 3px;
}
/* Floating arrow decorations */
.da-floating-arrow {
position: absolute;
color: rgba(146,38,91,0.24);
font-weight: 400;
pointer-events: none;
animation: daArrowFloat 4s ease-in-out infinite;
}
.da-arrow-one {
top: 20%;
left: 7%;
font-size: 54px;
transform: rotate(-8deg);
}
.da-arrow-two {
right: 8%;
bottom: 19%;
font-size: 65px;
animation-delay: 1.5s;
}
@keyframes daArrowFloat {
0%, 100% { translate: 0 0; opacity: 0.35; }
50% { translate: 12px -15px; opacity: 0.8; }
}
.da-background-dot {
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
background: #92265B;
opacity: 0.4;
animation: daDotPulse 3s ease-in-out infinite;
}
.da-dot-one { top: 31%; right: 13%; }
.da-dot-two { bottom: 30%; left: 12%; animation-delay: 1s; }
.da-dot-three { top: 17%; left: 25%; animation-delay: 2s; }
@keyframes daDotPulse {
0%, 100% { transform: scale(0.7); opacity: 0.2; }
50% { transform: scale(1.5); opacity: 0.65; }
}
@keyframes daOrbFloat {
from { transform: translate(0, 0) scale(1); }
to { transform: translate(-25px, 30px) scale(1.12); }
}
@keyframes daFadeUp {
from { opacity: 0; transform: translateY(22px); }
to { opacity: 1; transform: translateY(0); }
}
/* Mobile responsive */
@media (max-width: 767px) {
.da-impact-full {
padding: 75px 6% 65px;
min-height: 100vh;
}
.da-impact-label {
gap: 8px;
font-size: 9px;
letter-spacing: 1.5px;
margin-bottom: 25px;
}
.da-label-line {
width: 18px;
}
.da-marquee-track span {
font-size: clamp(30px, 8vw, 45px);
letter-spacing: -1px;
padding-right: 35px;
}
.da-impact-desc {
font-size: 15px;
line-height: 1.9;
}
.da-impact-points {
gap: 10px;
margin: 27px 0 38px;
}
.da-impact-points span {
padding: 10px 13px;
font-size: 11px;
}
.da-arrow-one {
top: 10%;
left: 3%;
font-size: 32px;
}
.da-arrow-two {
right: 3%;
bottom: 10%;
font-size: 38px;
}
.da-bottom-text {
font-size: 8px;
letter-spacing: 1.5px;
}
.da-impact-orb {
opacity: 0.7;
}
}
@media (prefers-reduced-motion: reduce) {
.da-marquee-track,
.da-impact-underline span,
.da-orb-one,
.da-orb-two,
.da-floating-arrow,
.da-background-dot {
animation: none;
}
.da-marquee-track {
transform: translateX(0);
}
}