.elementor-17 .elementor-element.elementor-element-5fe2ee3{--display:flex;--min-height:524px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17 .elementor-element.elementor-element-5fe2ee3:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-5fe2ee3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://smashlance.in/wp-content/uploads/2026/09/ChatGPT-Image-Sep-9-2026-12_33_47-PM.png");background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-1dd2f80{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-17 .elementor-element.elementor-element-1dd2f80.e-con{--align-self:center;}.elementor-17 .elementor-element.elementor-element-01feea7 .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;font-size:11px;font-weight:400;color:#F00303;}.elementor-17 .elementor-element.elementor-element-8bced0d.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-8bced0d{text-align:justify;}.elementor-17 .elementor-element.elementor-element-8bced0d .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-size:53px;font-weight:600;color:#F4F8FA;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-776f39d{font-family:"Inter", Sans-serif;font-size:15px;font-weight:400;color:#BEB8B8;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-736bfab .elementor-button{background-color:transparent;font-family:"Roboto", Sans-serif;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);fill:#030303;color:#030303;background-image:linear-gradient(180deg, #FBFDFB 0%, #F2F2F2 100%);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-17 .elementor-element.elementor-element-736bfab .elementor-button-content-wrapper{flex-direction:row;}.elementor-17 .elementor-element.elementor-element-b3e5ee1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-31c2ec2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-17:not(.elementor-motion-effects-element-type-background), body.elementor-page-17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://smashlance.in/wp-content/uploads/2026/09/ChatGPT-Image-Sep-9-2026-12_33_47-PM.png");background-size:cover;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-8bced0d{width:var( --container-widget-width, 309.156px );max-width:309.156px;--container-widget-width:309.156px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-1dd2f80{--width:50%;}.elementor-17 .elementor-element.elementor-element-b3e5ee1{--width:50%;}}/* Start custom CSS for image, class: .elementor-element-d8b3f74 *//* Apply this class to your <img> tag */
.spinning-image {
  width: 200px; /* Adjust size as needed */
  height: auto;
  animation: spin 3s linear infinite;
}

/* Optional: Pause the spin when the user hovers over the image */
.spinning-image:hover {
  animation-play-state: paused;
}

/* Define the spin keyframes */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-012e294 *//* ================================
DIGITAL MARKETING PORTFOLIO
================================ */

.dm-site {
--bg: #080808;
--text: #f5f5f5;
--muted: #9b9b9b;
--accent: #b7ff3c;

background: var(--bg);
color: var(--text);
font-family: Arial, Helvetica, sans-serif;
overflow: hidden;
}

/* HERO */

.dm-hero {
min-height: 100vh;
position: relative;
display: flex;
align-items: center;
padding: 80px 8%;
overflow: hidden;
isolation: isolate;
}

.dm-hero-content {
max-width: 900px;
position: relative;
z-index: 5;
}

.dm-eyebrow {
font-size: 12px;
letter-spacing: 3px;
color: #aaa;
margin-bottom: 30px;
}

.dm-eyebrow span {
width: 8px;
height: 8px;
background: var(--accent);
display: inline-block;
border-radius: 50%;
margin-right: 10px;
box-shadow: 0 0 15px var(--accent);
}

.dm-hero h1 {
font-size: clamp(60px, 9vw, 150px);
line-height: .82;
letter-spacing: -7px;
margin: 0;
font-weight: 900;
}

.dm-hero h1 span {
color: transparent;
-webkit-text-stroke: 2px #fff;
}

.dm-intro {
max-width: 480px;
color: var(--muted);
line-height: 1.7;
margin: 45px 0 30px;
font-size: 16px;
}

/* BUTTONS */

.dm-buttons {
display: flex;
gap: 15px;
flex-wrap: wrap;
}

.dm-btn {
display: inline-flex;
align-items: center;
gap: 15px;
padding: 17px 25px;
text-decoration: none;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
transition: .3s ease;
}

.dm-btn-main {
background: var(--accent);
color: #000;
}

.dm-btn-main:hover {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(183,255,60,.2);
}

.dm-btn-outline {
border: 1px solid #444;
color: #fff;
}

.dm-btn-outline:hover {
border-color: var(--accent);
color: var(--accent);
}

/* GLOW */

.dm-glow {
position: absolute;
width: 500px;
height: 500px;
border-radius: 50%;
filter: blur(100px);
opacity: .12;
pointer-events: none;
}

.glow-1 {
background: #b7ff3c;
right: 5%;
top: 10%;
animation: floatGlow 8s ease-in-out infinite;
}

.glow-2 {
background: #5c3cff;
right: 30%;
bottom: -20%;
animation: floatGlow 10s ease-in-out infinite reverse;
}

@keyframes floatGlow {
0%,100% {
transform: translate(0,0);
}

50% {
transform: translate(-60px,40px);
}
}

/* FLOATING CARDS */

.dm-floating-card {
position: absolute;
padding: 20px 25px;
background: rgba(255,255,255,.05);
border: 1px solid rgba(255,255,255,.1);
backdrop-filter: blur(15px);
border-radius: 15px;
z-index: 4;
animation: floating 5s ease-in-out infinite;
}

.dm-floating-card strong {
display: block;
font-size: 30px;
color: var(--accent);
}

.dm-floating-card small {
color: #888;
}

.card-1 {
right: 12%;
top: 28%;
}

.card-2 {
right: 25%;
bottom: 20%;
animation-delay: -2s;
}

@keyframes floating {
0%,100% {
transform: translateY(0) rotate(0);
}

50% {
transform: translateY(-20px) rotate(2deg);
}
}

.dm-scroll {
position: absolute;
bottom: 30px;
left: 8%;
color: #666;
font-size: 10px;
letter-spacing: 3px;
}

/* MARQUEE */

.dm-marquee {
border-top: 1px solid #222;
border-bottom: 1px solid #222;
padding: 25px 0;
white-space: nowrap;
overflow: hidden;
}

.dm-marquee div {
font-size: 14px;
letter-spacing: 4px;
color: #aaa;
animation: marquee 20s linear infinite;
}

@keyframes marquee {
from {
transform: translateX(0);
}

to {
transform: translateX(-50%);
}
}

/* GENERAL SECTIONS */

.dm-services,
.dm-about,
.dm-cta {
padding: 140px 8%;
}

.dm-section-label {
color: var(--accent);
font-size: 11px;
letter-spacing: 4px;
margin-bottom: 35px;
}

.dm-services h2,
.dm-about h2,
.dm-cta h2 {
font-size: clamp(50px, 7vw, 110px);
line-height: .9;
letter-spacing: -5px;
margin: 0 0 80px;
font-weight: 900;
}

.dm-services h2 span,
.dm-about h2 span {
color: transparent;
-webkit-text-stroke: 1px #fff;
}

/* SERVICES */

.dm-service-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
border-top: 1px solid #222;
}

.dm-service {
min-height: 300px;
padding: 40px;
border-bottom: 1px solid #222;
transition: .4s ease;
position: relative;
}

.dm-service:nth-child(odd) {
border-right: 1px solid #222;
}

.dm-service span {
color: #555;
font-size: 12px;
}

.dm-service h3 {
font-size: 35px;
margin-top: 60px;
}

.dm-service p {
max-width: 400px;
color: #777;
line-height: 1.7;
}

.dm-service b {
position: absolute;
right: 35px;
top: 35px;
font-size: 25px;
color: #555;
}

.dm-service:hover {
background: #111;
transform: translateY(-5px);
}

.dm-service:hover h3 {
color: var(--accent);
}

/* ABOUT */

.dm-about {
background: #0d0d0d;
}

.dm-about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 100px;
align-items: center;
}

.dm-about h2 {
margin: 0;
}

.dm-about-text {
max-width: 500px;
}

.dm-about-text p {
color: #999;
font-size: 18px;
line-height: 1.8;
margin-bottom: 30px;
}

.dm-text-link {
color: var(--accent);
text-decoration: none;
border-bottom: 1px solid var(--accent);
padding-bottom: 7px;
}

/* CTA */

.dm-cta {
min-height: 70vh;
position: relative;
overflow: hidden;
}

.dm-cta h2 {
max-width: 1100px;
margin-bottom: 50px;
}

.dm-cta h2 span {
color: var(--accent);
}

.dm-cta-circle {
position: absolute;
width: 500px;
height: 500px;
border: 1px solid #222;
border-radius: 50%;
right: -150px;
top: 50%;
transform: translateY(-50%);
}

.dm-cta-circle::after {
content: "";
position: absolute;
inset: 70px;
border: 1px solid #222;
border-radius: 50%;
}

/* FOOTER */

.dm-footer {
padding: 30px 8%;
border-top: 1px solid #222;
display: flex;
justify-content: space-between;
color: #555;
font-size: 10px;
letter-spacing: 2px;
}

/* MOBILE */

@media(max-width: 768px) {

.dm-hero {
padding: 70px 7%;
}

.dm-hero h1 {
letter-spacing: -3px;
}

.dm-floating-card {
display: none;
}

.dm-services,
.dm-about,
.dm-cta {
padding: 90px 7%;
}

.dm-service-grid {
grid-template-columns: 1fr;
}

.dm-service:nth-child(odd) {
border-right: none;
}

.dm-about-grid {
grid-template-columns: 1fr;
gap: 60px;
}

.dm-footer {
flex-direction: column;
gap: 15px;
}

}/* End custom CSS */