.elementor-2806 .elementor-element.elementor-element-ff89d60{--display:flex;}.elementor-2806 .elementor-element.elementor-element-4a07a8b{--display:grid;--min-height:100px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-2806 .elementor-element.elementor-element-4a07a8b:not(.elementor-motion-effects-element-type-background), .elementor-2806 .elementor-element.elementor-element-4a07a8b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF69;}.elementor-2806 .elementor-element.elementor-element-fd5ba8f .eael-contact-form-7 .wpcf7-not-valid-tip{display:block !important;}.elementor-2806 .elementor-element.elementor-element-fd5ba8f .eael-contact-form-7 .wpcf7-validation-errors{display:block !important;}.elementor-2806 .elementor-element.elementor-element-fd5ba8f .eael-contact-form-7-wrapper{text-align:default;}.elementor-2806 .elementor-element.elementor-element-fd5ba8f .eael-contact-form-7 .wpcf7-form p:not(:last-of-type) .wpcf7-form-control-wrap{margin-bottom:0px;}@media(min-width:768px){.elementor-2806 .elementor-element.elementor-element-4a07a8b{--content-width:1140px;}}@media(max-width:1366px){.elementor-2806 .elementor-element.elementor-element-4a07a8b{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-2806 .elementor-element.elementor-element-4a07a8b{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-2806 .elementor-element.elementor-element-4a07a8b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for eael-contact-form-7, class: .elementor-element-fd5ba8f *//* ======================================================= 1. MASTER HYBRID CONTAINER (GLASS + CLAY) ======================================================= */ .wpcf7 { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); /* Perfect Width & Balanced Padding */ padding: 40px 50px; border-radius: 24px; width: 100%; max-width: 750px; margin: 0 auto; box-sizing: border-box; /* Fluffy Clay Shadow + Glassy Border */ border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: 15px 15px 35px rgba(10, 25, 47, 0.08), -15px -15px 35px rgba(255, 255, 255, 0.9), inset 2px 2px 5px rgba(255, 255, 255, 0.5); } /* Fix for CF7 wrapper issues that hide inputs */ .wpcf7-form-control-wrap { display: block !important; width: 100% !important; } /* Proper spacing between fields to balance height */ .wpcf7 p { margin: 0 0 20px 0 !important; padding: 0 !important; width: 100%; display: flex; flex-direction: column; } /* ======================================================= 2. CRISP & MODERN LABELS ======================================================= */ .wpcf7 label { font-size: 13px !important; font-weight: 700 !important; color: #0a192f !important; /* Deep Navy */ margin-bottom: 8px !important; letter-spacing: 0.5px !important; text-transform: uppercase !important; display: block !important; width: 100% !important; } /* ======================================================= 3. BULLETPROOF CLAY INPUTS (Now 100% Visible) ======================================================= */ /* Targeting inputs explicitly so they never disappear */ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="number"], .wpcf7 textarea, .wpcf7 select { width: 100% !important; box-sizing: border-box !important; /* Thoda solid background taake white par clear dikhein */ background: rgba(240, 244, 248, 0.85) !important; border: 1.5px solid rgba(255, 255, 255, 0.9) !important; padding: 15px 20px !important; border-radius: 14px !important; font-family: inherit !important; font-size: 15px !important; color: #0a192f !important; outline: none !important; transition: all 0.3s ease !important; margin: 0 !important; /* Inset shadow (andar ki taraf press hua) */ box-shadow: inset 6px 6px 12px rgba(163, 177, 198, 0.3), inset -6px -6px 12px rgba(255, 255, 255, 0.9) !important; } /* Maintain a good length for the textarea */ .wpcf7 textarea { min-height: 110px !important; resize: vertical !important; } /* ======================================================= 4. INTERACTIVE FOCUS STATE (Vibrant Violet Glow) ======================================================= */ .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 textarea:focus, .wpcf7 select:focus { background: rgba(255, 255, 255, 1) !important; border-color: #7c3aed !important; /* Vibrant Violet Accent */ box-shadow: inset 2px 2px 6px rgba(163, 177, 198, 0.2), 0 0 0 4px rgba(124, 58, 237, 0.15) !important; /* Outer glow */ } /* ======================================================= 5. PREMIUM 3D SUBMIT BUTTON ======================================================= */ .wpcf7 input[type="submit"] { background-color: #0a192f !important; /* Deep Navy */ color: #ffffff !important; border: none !important; padding: 18px 40px !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: 1px !important; border-radius: 14px !important; cursor: pointer !important; width: 100% !important; margin-top: 10px !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; /* 3D Pop-out effect */ box-shadow: 8px 8px 20px rgba(10, 25, 47, 0.2), -8px -8px 20px rgba(255, 255, 255, 0.8), inset 2px 2px 4px rgba(255, 255, 255, 0.15) !important; } .wpcf7 input[type="submit"]:hover { background-color: #7c3aed !important; /* Shifts to Violet */ transform: translateY(-2px) !important; box-shadow: 10px 10px 25px rgba(124, 58, 237, 0.3), -10px -10px 25px rgba(255, 255, 255, 0.9), inset 2px 2px 5px rgba(255, 255, 255, 0.2) !important; } .wpcf7 input[type="submit"]:active { transform: translateY(1px) !important; box-shadow: inset 4px 4px 10px rgba(0, 0, 0, 0.3) !important; } /* Validation styling */ .wpcf7-not-valid-tip { font-size: 12px !important; color: #ef4444 !important; margin-top: 6px !important; font-weight: 600 !important; }/* End custom CSS */