.elementor-4545 .elementor-element.elementor-element-5760e68{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4545 .elementor-element.elementor-element-5760e68:not(.elementor-motion-effects-element-type-background), .elementor-4545 .elementor-element.elementor-element-5760e68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}#elementor-popup-modal-4545{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4545 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4545 .dialog-close-button{display:flex;}#elementor-popup-modal-4545 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS for html, class: .elementor-element-29ae813 *//* 🌌 Outer container = cyberpunk gradient border */ .glass-contact-form.dark-theme { max-width: 550px; width: 90%; margin: 20px auto; border-radius: 20px; padding: 2px; background: linear-gradient(135deg, #ff00ff, #00e5ff, #8aff00, #ff9900, #ff00ff); background-size: 400% 400%; animation: borderFlow 8s linear infinite, borderPulse 3s ease-in-out infinite; box-shadow: 0 0 20px rgba(255,0,255,0.6), 0 0 40px rgba(0,229,255,0.4); overflow: hidden; } /* Inner glass layer */ .form-content { background: rgba(20, 15, 40, 0.9); backdrop-filter: blur(18px) saturate(180%); border-radius: 18px; padding: 20px; position: relative; z-index: 1; text-align: center; overflow: hidden; } /* Border color flow */ @keyframes borderFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Border pulse flicker */ @keyframes borderPulse { 0%, 100% { box-shadow: 0 0 15px rgba(255,0,255,0.6), 0 0 30px rgba(0,229,255,0.4); } 40% { box-shadow: 0 0 25px rgba(255,0,255,0.9), 0 0 50px rgba(0,229,255,0.7); } 60% { box-shadow: 0 0 10px rgba(138,255,0,0.7), 0 0 20px rgba(255,153,0,0.5); } } /* Title + Subtitle */ .form-title { font-size: 1.4rem; font-weight: 600; margin-bottom: 3px; color: #80ffea; text-shadow: 0 0 10px rgba(128,255,234,0.9), 0 0 20px rgba(255,0,255,0.6); } .form-subtitle { font-size: 0.85rem; color: rgba(220,200,255,0.8); margin-bottom: 15px; } /* Inputs aur Dropdown */ .form-group { margin-bottom: 10px; } .form-group input, .form-group textarea, .custom-dropdown { width: 100%; background: rgba(255,255,255,0.08); border: 2px solid rgba(128,255,234,0.4); border-radius: 12px; padding: 10px 12px; font-size: 0.9rem; color: #fff; outline: none; transition: all 0.3s; font-family: inherit; } /* Dropdown specific styling */ .custom-dropdown { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%2380ffea' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px; cursor: pointer; } .custom-dropdown option { background: rgba(20, 15, 40, 0.95); color: #fff; padding: 10px; } .custom-dropdown:focus { border-color: #ff00ff; box-shadow: 0 0 12px #ff00ff, 0 0 25px #00e5ff; } .form-group input::placeholder, .form-group textarea::placeholder { color: rgba(220,220,255,0.85); font-family: "Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif; opacity: 1; } .form-group input:focus, .form-group textarea:focus { border-color: #ff00ff; box-shadow: 0 0 12px #ff00ff, 0 0 25px #00e5ff; } textarea { min-height: 70px; resize: vertical; overflow: auto; } /* Button */ .form-btn { width: 100%; border: none; border-radius: 12px; padding: 12px; background: linear-gradient(135deg,#7c3aed,#a855f7,#c084fc); color: #fff; font-size: 0.95rem; font-weight: 600; cursor: pointer; text-shadow: 0 0 6px rgba(255,255,255,0.5); position: relative; overflow: hidden; margin-bottom: -25px; /* Negative margin se aur compact */ } .form-btn span { position: relative; z-index: 2; } .form-btn::before { content: ""; position: absolute; top: -150%; left: -150%; width: 400%; height: 400%; background: conic-gradient(from 0deg,#ff00ff,#00e5ff,#8aff00,#ff9900,#ff00ff); animation: neonWave 3s linear infinite; opacity: 0; transition: opacity 0.3s; } .form-btn:hover::before { opacity: 1; } .form-btn::after { content: ""; position: absolute; inset: 2px; border-radius: 10px; background: linear-gradient(135deg,#7c3aed,#a855f7,#c084fc); } /* Close button white color */ .elementor-popup-modal .dialog-close-button { color: white !important; background: transparent !important; } /* Agar icon hai toh usko bhi white */ .elementor-popup-modal .dialog-close-button i, .elementor-popup-modal .dialog-close-button svg { color: white !important; fill: white !important; } /* Hover effect bhi white */ .elementor-popup-modal .dialog-close-button:hover { color: white !important; opacity: 0.8; } @keyframes neonWave { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .form-status { margin-top: 8px; font-size: 0.85rem; color: #80ffea; text-shadow: 0 0 6px rgba(128,255,234,0.7); } /* Elementor popup overlay ko dim + blur do */ .elementor-popup-modal .dialog-widget-overlay { background: rgba(0, 0, 0, 0.55) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: all 0.4s ease; } /* Popup container & content transparent rakhne ke liye */ .elementor-popup-modal { background: transparent !important; z-index: 9999 !important; overflow: hidden !important; } .elementor-popup-modal .dialog-widget-content { background: transparent !important; box-shadow: none !important; overflow: hidden !important; } /* Scroll bars completely hide karein */ .elementor-popup-modal ::-webkit-scrollbar { display: none !important; } .elementor-popup-modal { -ms-overflow-style: none !important; scrollbar-width: none !important; }/* End custom CSS */