#contact-banner.inner-banner{padding:180px 0 120px;position:relative;overflow:hidden;background-position:50%!important;background-size:cover!important}.banner-content-wrapper{z-index:2;position:relative}.banner-content-wrapper h1,.banner-title-wrapper,.banner-title-wrapper h1,.banner-title-wrapper h2{font:var(--banner-font);color:var(--white-color);font-size:clamp(2.5rem, 6vw, var(--fs-4xl));margin:20px 0;line-height:1.1}.banner-content-wrapper p{font:var(--para-font);color:#ffffffd9;max-width:650px;font-size:var(--fs-md);margin:0 auto}.banner-content-wrapper .sub-heading-tag-1{color:var(--white-color);letter-spacing:1px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;align-items:center;gap:8px;padding:6px 18px;font-size:13px;font-weight:600;display:inline-flex}.sub-heading-image img{border-radius:50%}.banner-scroll-indicator{z-index:2;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-mouse{border:2px solid #ffffff4d;border-radius:12px;width:24px;height:40px;position:relative}.scroll-mouse:before{content:"";background:var(--white-color);border-radius:1px;width:2px;height:6px;animation:1.5s infinite mouse-scroll;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes mouse-scroll{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,15px)}}@media (max-width:768px){#contact-banner.inner-banner{padding:140px 0 80px}}
#contact-hero .home-banner-content{text-align:left}#contact-hero h1,#contact-hero h2,#contact-hero .hero-title-wrapper,#contact-hero .hero-title-wrapper h1,#contact-hero .hero-title-wrapper h2{font:var(--banner-font);color:var(--heading-color);margin-bottom:1.5rem;line-height:1.2}#contact-hero .highlight{color:var(--primary-color);display:inline-block;position:relative}#contact-hero p{font:var(--para-font);color:var(--para-color);max-width:100%;margin-bottom:2rem;margin-left:auto;margin-right:auto}.feature-pills{flex-wrap:wrap;gap:15px;display:flex}.pill{background:var(--white-color);font:var(--badge-font);color:var(--heading-color);border:1px solid var(--border-color);border-radius:50px;align-items:center;gap:10px;padding:12px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #0000000d}.pill-teal{color:var(--theme-color)}.pill-orange{color:var(--primary-color)}.pill:hover{border-color:var(--theme-color);transform:translateY(-3px);box-shadow:0 10px 30px #0000001a}.pill-icon-img{object-fit:contain;flex-shrink:0;width:14px;height:14px}.visual-container{grid-gap:24px;grid-template-columns:repeat(2,1fr);display:grid;position:relative}.creative-card{background:var(--white-color);border:2px solid #0000;border-radius:20px;width:100%;padding:17px;transition:all .4s cubic-bezier(.16,1,.3,1);animation:5s ease-in-out infinite float-contact-card;box-shadow:0 10px 40px #0000000f}.creative-card:nth-child(2n){animation-delay:1.5s}.creative-card:nth-child(3){animation-delay:2.5s}.creative-card:nth-child(4){animation-delay:3.5s}@keyframes float-contact-card{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}}.creative-card:hover{border-color:color-mix(in srgb, var(--primary-color) 20%, transparent);transform:translateY(-8px)scale(1.02);box-shadow:0 15px 50px #0000001a}.card-icon-wrapper{background:var(--primary-color);width:44px;height:44px;color:var(--white-color);box-shadow:0 6px 15px color-mix(in srgb, var(--primary-color) 25%, transparent);border-radius:12px;justify-content:center;align-items:center;margin-bottom:15px;font-size:18px;transition:all .45s;display:flex}.card-icon-wrapper img,.card-icon-wrapper svg{object-fit:contain;filter:brightness(30);width:20px;height:20px}.creative-card:hover .card-icon-wrapper{transform:rotateY(180deg)}.creative-card:hover .card-icon-wrapper img{filter:brightness(30)}.card-icon-wrapper.alt{background:var(--theme-color);box-shadow:0 6px 15px color-mix(in srgb, var(--theme-color) 25%, transparent)}.card-title{font:var(--small-heading-font);color:var(--heading-color);margin-bottom:8px;font-weight:700}.card-description{font:var(--body-font);color:var(--para-color);word-break:break-word;margin-bottom:12px;font-weight:500}.card-badge{background:color-mix(in srgb, var(--primary-color) 8%, transparent);color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}a.card-badge:hover{background:var(--primary-color);color:var(--white-color);box-shadow:0 5px 15px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-2px)}@media (max-width:991px){.visual-container{grid-template-columns:1fr}}
.canvas-section{position:relative;overflow:hidden}.relative-z{z-index:10;position:relative}.workspace-container{background:var(--bg-white);z-index:5;border:1px solid #0000000d;border-radius:24px;margin-bottom:1rem;transition:transform .45s cubic-bezier(.23,1,.32,1),box-shadow .45s;position:relative;overflow:hidden;box-shadow:0 30px 60px #0000001f}.workspace-container:hover{transform:translateY(-10px);box-shadow:0 45px 80px #0000002e}.workspace-header{background:var(--gray-bg);border-bottom:1px solid #0000000d;align-items:center;gap:30px;padding:15px 25px;display:flex}.window-controls{gap:8px;display:flex}.control-btn{border-radius:50%;width:12px;height:12px;display:inline-block}.control-btn.red{background:#ff5f56}.control-btn.yellow{background:#ffbd2e}.control-btn.green{background:#27c93f}.editor-tabs{gap:15px;display:flex}.editor-tabs .tab{color:#666;font-size:.85rem;font-family:var(--font-mono,"Fira Code", monospace);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 15px;transition:all .3s;display:flex}.editor-tabs .tab.active{background:var(--white-color);color:var(--theme-color);font-weight:600;box-shadow:0 4px 12px #0000000d}.canvas-form-wrapper{background:var(--white-color);padding:30px;transition:all .45s cubic-bezier(.16,1,.3,1);position:relative}.canvas-input-group{margin-bottom:2rem;position:relative}.canvas-form-header{text-align:left}.canvas-form-header h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.canvas-input{border:none;border-bottom:2px solid var(--border-color);width:100%;color:var(--heading-color);font-family:var(--font-mono,"Fira Code", monospace);letter-spacing:-.5px;background:0 0;padding:1rem 0;transition:all .4s}.canvas-label{color:var(--para-color);pointer-events:none;font-weight:500;font-family:var(--font-mono,"Fira Code", monospace);font-size:.95rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:1rem;left:0}.canvas-input:focus~.canvas-label,.canvas-input:not(:placeholder-shown)~.canvas-label{color:var(--theme-color);font-size:.85rem;font-weight:600;top:-1.25rem;left:0}.syntax-prop{color:var(--theme-color);font-weight:600}.canvas-line{background:var(--theme-color);width:0;height:2px;transition:all .4s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.canvas-input:focus~.canvas-line{width:100%}.canvas-input:focus{border-bottom-color:#0000;outline:none}.canvas-input:focus+.canvas-label .syntax-prop,.canvas-input:not(:placeholder-shown)+.canvas-label .syntax-prop{color:var(--primary-color)}.canvas-input.is-invalid{border-bottom-color:#ef4444}.invalid-feedback-canvas{color:#ef4444;font-size:13px;font-family:var(--font-mono,"Fira Code", monospace);margin-top:6px;animation:.3s fadeInCanvas}@keyframes fadeInCanvas{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.thank-you-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;animation:.4s fadeInModal;display:flex;position:fixed;top:0;left:0}.thank-you-content{background-color:var(--white-color);text-align:center;border-radius:24px;width:90%;max-width:500px;padding:50px 40px;animation:.5s cubic-bezier(.175,.885,.32,1.275) slideUpModal;box-shadow:0 20px 50px #0000004d}.thank-you-icon{background-color:var(--theme-color);width:80px;height:80px;color:var(--white-color);box-shadow:0 10px 20px color-mix(in srgb, var(--theme-color) 30%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:40px;display:flex}.thank-you-content h3{font:var(--sub-heading-font);color:var(--heading-color);margin-bottom:15px;font-size:2rem!important}.thank-you-content p{font:var(--para-font);color:var(--para-color);margin-bottom:30px;line-height:1.6}.thank-you-content .primary-btn{cursor:pointer;text-align:center;border:none;justify-content:center;padding:14px 40px;display:inline-flex}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:991px){.canvas-form-wrapper{padding:30px 20px}.workspace-header{gap:15px;padding:10px 15px}.editor-tabs{display:none}}

.map-wrapper{border:1px solid #0000000d;border-radius:0;overflow:hidden;box-shadow:0 20px 50px #0000000d}#google-map iframe{filter:grayscale(.5)contrast(1.1);transition:filter .3s}#google-map iframe:hover{filter:grayscale(0)}
.contact-social-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:50px;display:flex}.contact-social-link{flex-direction:column;align-items:center;gap:10px;transition:transform .35s;display:flex;text-decoration:none!important}.contact-social-link:hover{transform:translateY(-5px)}.contact-social-icon{background:var(--body-color);border:2px solid var(--border-color);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;transition:all .45s;display:flex}.contact-social-icon img{object-fit:contain;width:26px;height:26px;transition:filter .3s;display:block}.contact-social-link:hover .contact-social-icon{background:var(--theme-color);border-color:var(--theme-color);box-shadow:0 10px 30px #0b666a40}.contact-social-link:hover .contact-social-icon img{filter:brightness(0)invert()}.contact-social-link span{font:var(--sub-heading-font);font-size:var(--fs-xs);color:var(--para-color);letter-spacing:.02em;font-weight:600;transition:color .3s}.contact-social-link:hover span{color:var(--theme-color)}@media (max-width:576px){.contact-social-links{gap:14px}.contact-social-icon{border-radius:12px;width:50px;height:50px}.contact-social-icon img{width:22px;height:22px}}