.cx{--teal:#19E3D3;--teal2:#0B7F8C;--mut:#C9D6F2;--line:rgba(25,227,211,.25);position:relative;overflow:hidden;padding:90px 20px;background:linear-gradient(180deg,#040E24,#0A2147);font-family:Poppins,system-ui,sans-serif;color:#fff;line-height:1.6;box-sizing:border-box;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
html,body{overflow-x:hidden}
.cx *{box-sizing:border-box}
.cx a{text-decoration:none}
.cx-in{position:relative;max-width:1100px;margin:0 auto}
.cx-head{text-align:center;max-width:680px;margin:0 auto 50px}
.cx-pill{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--teal);background:rgba(25,227,211,.1);border:1px solid var(--line);border-radius:99px;padding:5px 18px}
.cx-head h2{font-size:clamp(28px,4.5vw,44px);font-weight:700;line-height:1.2;margin:16px 0 12px;color:#fff}
.cx-head p{color:var(--mut);font-size:18px;margin:0}
.cx-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}
.cx-card{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:24px}
.cx-form{padding:40px}
.cx-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cx-f{margin-bottom:16px}
.cx-f label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#fff}
.cx-f label i{color:var(--teal);font-style:normal}
.cx-f input,.cx-f select,.cx-f textarea{width:100%;font:400 15px Poppins,sans-serif;color:#fff;background:rgba(4,14,36,.6);border:1px solid var(--line);border-radius:12px;padding:13px 16px;outline:0;transition:border-color .3s,box-shadow .3s}
.cx-f textarea{min-height:130px;resize:vertical}
.cx-f select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#19E3D3 50%),linear-gradient(135deg,#19E3D3 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.cx-f select option{background:#0A2147;color:#fff}
.cx-f input::placeholder,.cx-f textarea::placeholder{color:rgba(201,214,242,.55)}
.cx-f input:focus,.cx-f select:focus,.cx-f textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(25,227,211,.18)}
.cx-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.cx-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:10px;font:600 16px Poppins,sans-serif;color:#031326;background:linear-gradient(90deg,var(--teal),var(--teal2));border:0;border-radius:99px;padding:15px 28px;cursor:pointer;transition:filter .3s}
.cx-btn:hover{filter:brightness(1.15);color:#031326}
.cx-btn:disabled{opacity:.6;cursor:wait}
.cx-msg{display:none;margin-top:16px;padding:14px 18px;border-radius:12px;font-size:15px}
.cx-msg.ok{display:block;background:rgba(25,227,211,.12);border:1px solid var(--teal);color:var(--teal)}
.cx-msg.err{display:block;background:rgba(255,120,120,.1);border:1px solid #ff8a8a;color:#ffb3b3}
.cx-wa{display:none;margin-top:12px;justify-content:center;align-items:center;gap:8px;font:600 15px Poppins,sans-serif;color:var(--teal);border:1px solid var(--teal);border-radius:99px;padding:13px 24px}
.cx-wa.show{display:flex}
.cx-wa:hover{background:rgba(25,227,211,.12);color:var(--teal)}
.cx-side h3{font-size:24px;font-weight:600;margin:0 0 8px;color:#fff}
.cx-side>p{color:var(--mut);margin:0 0 20px}
.cx-item{display:flex;gap:16px;align-items:center;padding:18px 20px;margin-bottom:14px;border-radius:16px;color:#fff;transition:border-color .3s}
a.cx-item:hover{border-color:var(--teal)}
.cx-ic{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(25,227,211,.12);border:1px solid var(--line)}
.cx-ic svg{width:22px;height:22px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cx-item small{display:block;font-size:13px;color:var(--mut)}
.cx-item b{font-weight:500;font-size:16px;word-break:break-word}
.cx-soc{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}
.cx-soc span{font-size:14px;color:var(--mut);margin-right:4px}
.cx-soc a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--teal);transition:background .3s}
.cx-soc a svg{width:19px;height:19px;stroke:var(--teal);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cx-soc a:hover{background:var(--teal)}.cx-soc a:hover svg{stroke:#031326}
.cx-js .cx-rv{opacity:0;transition:opacity .5s ease}
.cx-js .cx-rv.cx-show{opacity:1}
@media(max-width:860px){.cx-grid{grid-template-columns:1fr}.cx-form{padding:28px 22px}.cx{padding:70px 16px}}
@media(max-width:520px){.cx-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){.cx-js .cx-rv{opacity:1;transition:none}}
Send on WhatsApp instead
Phone[Your Phone Number]
Email[Your Email Address]
WhatsApp[Your WhatsApp Number]
(function(){
var root=document.getElementById('contact');
if(!root)return;
/* WhatsApp number (bagair + aur space ke): form fail ho to yahan message jayega */
var WA_NUMBER="920000000000";
/* Page ko poori screen ki chaudai dena (dono taraf white jagah na aaye) */
function fit(){
root.style.marginLeft='';root.style.width='';
var r=root.getBoundingClientRect();
var ml=parseFloat(getComputedStyle(root).marginLeft)||0;
root.style.marginLeft=(ml-r.left)+'px';
root.style.width=document.documentElement.clientWidth+'px';
root.style.maxWidth='none';
}
fit();window.addEventListener('resize',fit);window.addEventListener('load',fit);
/* Halka fade-in (Elementor editor mein band) */
var inEditor=document.body.classList.contains('elementor-editor-active');
if(!inEditor&&'IntersectionObserver' in window){
root.classList.add('cx-js');
var io=new IntersectionObserver(function(en){
en.forEach(function(x){if(x.isIntersecting){x.target.classList.add('cx-show');io.unobserve(x.target)}});
},{threshold:.12});
[].forEach.call(root.querySelectorAll('.cx-rv'),function(el){io.observe(el)});
}
/* Form -> Formspree. Agar error (jaise 403) aaye to WhatsApp ka button dikhata hai */
var f=document.getElementById('cxForm'),m=document.getElementById('cxMsg'),wa=document.getElementById('cxWa');
function waLink(){
var d=new FormData(f);
var t="Hello, I am "+(d.get('name')||'')+".\nEmail: "+(d.get('email')||'')+"\nPhone: "+(d.get('phone')||'')+"\nService: "+(d.get('service')||'')+"\nMessage: "+(d.get('message')||'');
return "https://wa.me/"+WA_NUMBER+"?text="+encodeURIComponent(t);
}
function fail(txt){
m.className='cx-msg err';m.textContent=txt;
wa.href=waLink();wa.className='cx-wa show';
}
f.addEventListener('submit',function(e){
e.preventDefault();
var b=f.querySelector('button');b.disabled=true;m.className='cx-msg';wa.className='cx-wa';
fetch(f.action,{method:'POST',body:new FormData(f),headers:{'Accept':'application/json'}})
.then(function(r){
if(r.ok){f.reset();m.className='cx-msg ok';m.textContent="Thank you! We'll contact you soon."}
else if(r.status===403){fail('Sorry, the form could not send your message right now. Please send it on WhatsApp instead.')}
else{fail('Something went wrong. Please try again or send it on WhatsApp.')}
})
.catch(function(){fail('Network error. Please try again or send it on WhatsApp.')})
.then(function(){b.disabled=false});
});
})();
CONTACT US
Let's Build Something Great Together
Tell us about your project and we'll get back to you.
Web Design & DevelopmentApp DevelopmentSocial Media MarketingLogo DesignSEOGoogle & Meta AdsDigital ProductsOther
Get In Touch
Prefer to talk directly? Reach us through any of these channels.
Working Hours[Mon - Sat, 10am - 7pm]