.elementor-6 .elementor-element.elementor-element-bf8050b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-efe0ed8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6 .elementor-element.elementor-element-efe0ed8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-efe0ed8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-189bbb5 > .elementor-widget-container{margin:0px 0px 50px 0px;}.elementor-6 .elementor-element.elementor-element-5dfd0ad{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-0fb0416.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6 .elementor-element.elementor-element-0fb0416.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-0fb0416.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-6ffb240{margin-top:0px;margin-bottom:20px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-9c76512.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6 .elementor-element.elementor-element-9c76512.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-9c76512.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-c573ed5{margin-top:0px;margin-bottom:30px;padding:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-6 .elementor-element.elementor-element-d2eb8a6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-6 .elementor-element.elementor-element-d2eb8a6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-6 .elementor-element.elementor-element-d2eb8a6.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6 .elementor-element.elementor-element-d5f8e70{margin-top:0px;margin-bottom:30px;}:root{--page-title-display:none;}body.elementor-page-6:not(.elementor-motion-effects-element-type-background), body.elementor-page-6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1E1E1E;}/* Start custom CSS */<link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">

<style>

.decode-project-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.75);
backdrop-filter:blur(6px);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
visibility:hidden;
transition:.4s;
z-index:99999;
}

.decode-project-overlay.active{
opacity:1;
visibility:visible;
}

/* popup */

.decode-project-box{
background:#1e1e1e;
width:520px;
max-width:95%;
padding:40px;
border-radius:16px;
font-family:'Varela Round',sans-serif;
position:relative;
}

/* animated border */

.decode-project-box::before{
content:"";
position:absolute;
width:200%;
height:200%;
background:conic-gradient(transparent,#e8203e,transparent 30%);
top:-50%;
left:-50%;
animation:borderSpin 6s linear infinite;
}

.decode-project-box::after{
content:"";
position:absolute;
inset:2px;
background:#1e1e1e;
border-radius:14px;
}

@keyframes borderSpin{
0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}

/* content */

.popup-inner{
position:relative;
z-index:2;
}

.popup-title{
color:#fff;
font-size:26px;
margin-bottom:8px;
}

.popup-sub{
color:#d6d6d6;
margin-bottom:24px;
font-size:14px;
}

/* form */

.popup-form input,
.popup-form select,
.popup-form textarea{

width:100%;
padding:12px;
margin-bottom:12px;
border:none;
border-radius:8px;
background:#262626;
color:#fff;
font-family:'Varela Round',sans-serif;

}

/* grid fields */

.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}

/* button */

.popup-form button{

width:100%;
padding:14px;
border:none;
border-radius:8px;
background:#e8203e;
color:#fff;
font-weight:600;
cursor:pointer;
transition:.3s;

}

.popup-form button:hover{
box-shadow:0 0 15px #e8203e;
}

/* close */

.popup-close{
position:absolute;
top:10px;
right:16px;
font-size:22px;
cursor:pointer;
color:#fff;
z-index:3;
}

/* mobile */

@media(max-width:768px){

.form-row{
grid-template-columns:1fr;
}

.decode-project-box{
padding:30px;
}

}

</style>

<div class="decode-project-overlay" id="projectPopup">

<div class="decode-project-box">

<div class="popup-close" onclick="closeProjectPopup()">×</div>

<div class="popup-inner">

<h3 class="popup-title">Start Your Project</h3>

<p class="popup-sub">
Tell us about your business and our team will get back to you.
</p>

<form class="popup-form" action="https://formspree.io/f/mzdjrywd" method="POST">

<input type="text" name="name" placeholder="Full Name*" required>

<div class="form-row">

<input type="email" name="email" placeholder="Email Address*" required>

<input type="tel" name="phone" placeholder="Phone Number">

</div>

<input type="text" name="business" placeholder="Business / Brand Name">

<input type="text" name="website" placeholder="Website (if available)">

<select name="service">

<option>Select Service Required</option>
<option>Branding</option>
<option>Website Development</option>
<option>Social Media Marketing</option>
<option>Creative Design</option>
<option>Complete Marketing</option>

</select>

<select name="budget">

<option>Estimated Budget</option>
<option>₹20k – ₹50k</option>
<option>₹50k – ₹1L</option>
<option>₹1L – ₹3L</option>
<option>₹3L+</option>

</select>

<textarea name="message" rows="3" placeholder="Tell us about your project"></textarea>

<button type="submit">Send Project Inquiry</button>

</form>

</div>

</div>

</div>

<script>

/* open popup */

document.querySelectorAll(".open-project-popup").forEach(btn=>{
btn.addEventListener("click",()=>{
document.getElementById("projectPopup").classList.add("active")
})
})

function closeProjectPopup(){
document.getElementById("projectPopup").classList.remove("active")
}

</script>/* End custom CSS */