.forminator-ui.forminator-custom-form-2498 /* =================================================================== */ /* ============= FORM STYLES - TRUE METALLIC GOLD REVISION ========= */ /* =================================================================== */ /* ========================== COMMON STYLING FOR ALL FIELDS ========================== */ .luxury-select select,.forminator-ui.forminator-custom-form-2498 .luxury-name input,.forminator-ui.forminator-custom-form-2498 .instagram-account input,.forminator-ui.forminator-custom-form-2498 .luxury-country-code select,.forminator-ui.forminator-custom-form-2498 .luxury-city select,.forminator-ui.forminator-custom-form-2498 .luxury-phone input,.forminator-ui.forminator-custom-form-2498 .age input,.forminator-ui.forminator-custom-form-2498 .marital-status select,.forminator-ui.forminator-custom-form-2498 .luxury-whatsapp input,.forminator-ui.forminator-custom-form-2498 .luxury-email input,.forminator-ui.forminator-custom-form-2498 .luxury-profession input,.forminator-ui.forminator-custom-form-2498 .luxury-dob input,.forminator-ui.forminator-custom-form-2498 .luxury-upload input[type="file"]{background: #000 !important;/* A pure, deep black background */ color: #f0f0f0 !important;/* REVISION: A more subtle initial border to make the focus state pop */ border:1px solid rgba(139, 115, 85, 0.6) !important;/* Dark antique gold */ /* REVISION: Added an inner shadow for a subtle "inlaid" depth effect */ box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;border-radius: 4px !important;padding: 15px 18px !important;font-family: 'Inter', sans-serif !important;font-size: 1rem !important;outline: none !important;width: 100% !important;transition: all 0.3s ease-in-out !important;}.forminator-ui.forminator-custom-form-2498 /* ========================== SELECT DROPDOWN OPTIONS ========================== */ .luxury-select select option,.forminator-ui.forminator-custom-form-2498 .luxury-city select option,.forminator-ui.forminator-custom-form-2498 .marital-status select option,.forminator-ui.forminator-custom-form-2498 .luxury-country-code select option{background-color: #000000 !important;color: #B8956A !important;}.forminator-ui.forminator-custom-form-2498 /* ========================== PLACEHOLDER TEXT ========================== */ .luxury-select select::placeholder,.forminator-ui.forminator-custom-form-2498 .age input::placeholder,.forminator-ui.forminator-custom-form-2498 .instagram-account input::placeholder,.forminator-ui.forminator-custom-form-2498 .marital-status select::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-name input::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-country-code select::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-phone input::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-whatsapp input::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-email input::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-profession input::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-city select::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-dob input::placeholder,.forminator-ui.forminator-custom-form-2498 .luxury-upload input[type="file"]::placeholder{color: rgba(184, 149, 106, 0.7) !important;opacity: 1 !important;}.forminator-ui.forminator-custom-form-2498 /* ========================== FOCUS EFFECT - More Metallic Glow ========================== */ .luxury-select select:focus,.forminator-ui.forminator-custom-form-2498 .marital-status select:focus,.forminator-ui.forminator-custom-form-2498 .age input:focus,.forminator-ui.forminator-custom-form-2498 .luxury-name input:focus,.forminator-ui.forminator-custom-form-2498 .luxury-country-code select:focus,.forminator-ui.forminator-custom-form-2498 .instagram-account input::focus,.forminator-ui.forminator-custom-form-2498 .luxury-city select::focus,.forminator-ui.forminator-custom-form-2498 .luxury-phone input:focus,.forminator-ui.forminator-custom-form-2498 .luxury-whatsapp input:focus,.forminator-ui.forminator-custom-form-2498 .luxury-email input:focus,.forminator-ui.forminator-custom-form-2498 .luxury-profession input:focus,.forminator-ui.forminator-custom-form-2498 .luxury-dob input:focus,.forminator-ui.forminator-custom-form-2498 .luxury-upload input[type="file"]:focus{border-color: #E8DCC8 !important;/* A bright, pale gold for the border */ /* REVISION: Multi-layered shadow for a realistic glow */ /* Layer 1:A hard inner glow. Layer 2:A soft outer glow */ box-shadow:inset 0 0 5px rgba(232, 220, 200, 0.2), 0 0 15px rgba(212, 175, 55, 0.5) !important;}.forminator-ui.forminator-custom-form-2498 /* ========================== SUBMIT BUTTON - THE METALLIC CENTERPIECE ========================== */ button.luxury-begin,.forminator-ui.forminator-custom-form-2498 input.luxury-begin[type="submit"]{position: relative !important;width: 100% !important;padding: 16px !important;/* REVISION: A more complex gradient that simulates a metallic sheen */ background:linear-gradient(145deg, #7A6610 0%, /* Dark bronze shadow */ #C9B896 45%, /* Mid-tone gold */ #E8DCC8 55%, /* Bright highlight */ #B8956A 100% /* Rich gold */ ) !important;background-size: 250% 100% !important;/* Wider for a smoother hover animation */ background-position: 100% 0 !important;/* Start with the darker part of the gradient */ /* REVISION: A rich, dark brown text color that harmonizes with gold */ color:#211a09 !important;font-family: 'Inter', sans-serif !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 2px !important;font-size: 1.1rem !important;/* REVISION: 3D border effect for a chiseled look */ border:none !important;border-top: 1px solid rgba(232, 220, 200, 0.5) !important;/* Top edge highlight */ border-bottom: 1px solid rgba(139, 115, 85, 0.8) !important;/* Bottom edge shadow */ border-radius: 4px !important;cursor: pointer !important;/* REVISION: Embossed text effect */ text-shadow:0 1px 1px rgba(255, 255, 255, 0.2) !important;box-shadow: 0 5px 20px rgba(184, 149, 106, 0.5) !important;transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;}.forminator-ui.forminator-custom-form-2498 /* Hover effect for the button */ button.luxury-begin:hover,.forminator-ui.forminator-custom-form-2498 input.luxury-begin[type="submit"]:hover{/* REVISION: Animate the gradient to create a "light sweeping over metal" effect */ background-position:0 0 !important;transform: translateY(-4px) !important;box-shadow: 0 10px 30px rgba(212, 175, 55, 0.7) !important;}.forminator-ui.forminator-custom-form-2498 /* ========================== LAYOUT & RESPONSIVE (No changes needed) ========================== */ .row{display: flex !important;gap: 15px !important;flex-wrap: wrap !important;}.forminator-ui.forminator-custom-form-2498 .row .half{flex: 1 1 48% !important;}.forminator-ui.forminator-custom-form-2498 .row .half{flex: 1 1 100% !important;}.forminator-ui.forminator-custom-form-2498 .luxury-select select,.forminator-ui.forminator-custom-form-2498 .marital-status select,.forminator-ui.forminator-custom-form-2498 .instagram-account input,.forminator-ui.forminator-custom-form-2498 .luxury-name input,.forminator-ui.forminator-custom-form-2498 .luxury-country-code select,.forminator-ui.forminator-custom-form-2498 .luxury-city select,.forminator-ui.forminator-custom-form-2498 .luxury-phone input,.forminator-ui.forminator-custom-form-2498 .luxury-whatsapp input,.forminator-ui.forminator-custom-form-2498 .luxury-email input,.forminator-ui.forminator-custom-form-2498 .luxury-profession input,.forminator-ui.forminator-custom-form-2498 .luxury-dob input,.forminator-ui.forminator-custom-form-2498 .age input,.forminator-ui.forminator-custom-form-2498 .luxury-upload input[type="file"]{font-size: 0.95rem !important;padding: 12px 10px !important;} @media (max-width: 768px) { .forminator-ui.forminator-custom-form-2498 .row{flex-direction: column !important;} }