.forminator-ui.forminator-custom-form-89025/* ==========================================================================
   1. MASTER GRID LAYOUT ENGINE
   Forces Forminator's separated row wrappers to obey a strict structural grid
   ========================================================================== */
.forminator-custom-form{display: grid !important;/* Creates a flawless 2-column grid layout splitting 50/50 precisely */
    grid-template-columns: repeat(2, 1fr) !important;/* Horizontal and vertical spacing matching your mockup design exactly */
    gap: 20px 24px !important;max-width: 100% !important;width: 100% !important;}.forminator-ui.forminator-custom-form-89025 /* ==========================================================================
   2. ALIGNMENT RULES BASED ON YOUR CUSTOM CLASSES
   ========================================================================== */

/* Force the two inputs with class .row1 (Name & Email) side-by-side */
.forminator-row.row1{grid-column: span 1 !important;width: 100% !important;margin: 0 !important;}.forminator-ui.forminator-custom-form-89025 /* Force the two inputs with class .row2 (Designation & Phone) side-by-side */
.forminator-row.row2{grid-column: span 1 !important;width: 100% !important;margin: 0 !important;}.forminator-ui.forminator-custom-form-89025 /* Force the dropdown/text with class .row3 (How did you hear about Us?) full-width */
.forminator-row.row3{grid-column: span 2 !important;width: 100% !important;margin: 0 !important;}.forminator-ui.forminator-custom-form-89025 /* Force the message text area with class .row4 (Your Message) full-width */
.forminator-row.row4{grid-column: span 2 !important;width: 100% !important;margin: 0 !important;}.forminator-ui.forminator-custom-form-89025 /* Force the submit button row container (.row5) to span across and center perfectly */
.forminator-row.row5{grid-column: span 2 !important;width: 100% !important;display: flex !important;justify-content: center !important;align-items: center !important;margin-top: 25px !important;background: transparent !important;border: none !important;}.forminator-ui.forminator-custom-form-89025 /* Sanitize and strip Forminator's internal layout structural overrides */
.forminator-col{width: 100% !important;max-width: 100% !important;margin: 0 !important;padding: 0 !important;}.forminator-ui.forminator-custom-form-89025 /* ==========================================================================
   3. INPUT & TEXTAREA DESIGN SYSTEM
   ========================================================================== */
.forminator-input,.forminator-ui.forminator-custom-form-89025 .forminator-textarea{border: 1px solid #E2E8F0 !important;/* Soft, elegant boundary tint */
    border-radius: 20px !important;/* Clean rounded bubble styling edge */
    background-color: #ffffff !important;/* Pristine white interior canvas background */
    padding: 16px 24px !important;/* Spacious interior padding profile */
    font-size: 15px !important;color: #4A5568 !important;box-shadow: none !important;width: 100% !important;box-sizing: border-box !important;height: auto !important;transition: all 0.2s ease-in-out !important;}.forminator-ui.forminator-custom-form-89025 /* Advanced properties explicitly for your message textarea container */
.forminator-textarea{border-radius: 24px !important;height: 140px !important;resize: none !important;}.forminator-ui.forminator-custom-form-89025 /* Active focus state: adds your branded vibrant highlight glow upon element click */
.forminator-input:focus,.forminator-ui.forminator-custom-form-89025 .forminator-textarea:focus{border-color: #2563EB !important;box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;outline: none !important;}.forminator-ui.forminator-custom-form-89025 /* Typography settings formatting the interior text placeholder values */
.forminator-input::placeholder,.forminator-ui.forminator-custom-form-89025 .forminator-textarea::placeholder{color: #718096 !important;opacity: 0.9 !important;}.forminator-ui.forminator-custom-form-89025 /* Completely remove standard native labels to keep form completely clean */
.forminator-label{display: none !important;}.forminator-ui.forminator-custom-form-89025 /* ==========================================================================
   4. SUBMIT BUTTON TWIN DESIGN (.row5)
   ========================================================================== */
.row5 button.forminator-button-submit{background: #2563EB !important;/* Fallback vibrant base blue */
    background-image: linear-gradient(135deg, #2563EB 0%, #1D4ED8 100%) !important;/* Premium deep gradient overlay */
    color: #ffffff !important;font-size: 14px !important;font-weight: 700 !important;text-transform: uppercase !important;letter-spacing: 1.5px !important;padding: 16px 50px !important;border-radius: 50px !important;/* Flawless pill curvature */
    border: none !important;outline: none !important;cursor: pointer !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;gap: 10px !important;/* Creates perfect breathing room for the trailing arrow */
    box-shadow: 0px 4px 14px rgba(37, 99, 235, 0.3) !important;/* Soft interactive branding shadow */
    transition: all 0.25s ease-in-out !important;width: auto !important;}.forminator-ui.forminator-custom-form-89025 /* Inject the crisp text inline arrow element following button string */
.row5 button.forminator-button-submit::after{content: "→" !important;font-size: 18px !important;font-weight: bold !important;line-height: 1 !important;transition: transform 0.2s ease !important;}.forminator-ui.forminator-custom-form-89025 /* Hover dynamics altering gradient and micro-moving the arrow icon forward */
.row5 button.forminator-button-submit:hover{background-image: linear-gradient(135deg, #1D4ED8 0%, #1E40AF 100%) !important;/* Enhances color contrast depth */
    box-shadow: 0px 6px 20px rgba(37, 99, 235, 0.45) !important;transform: translateY(-1px) !important;}.forminator-ui.forminator-custom-form-89025 /* Nudges the arrow arrow 4px forward on mouse hover to imply movement */
.row5 button.forminator-button-submit:hover::after{transform: translateX(4px) !important;}.forminator-ui.forminator-custom-form-89025 /* Smooth click action depth behavior compression */
.row5 button.forminator-button-submit:active{transform: translateY(1px) !important;box-shadow: 0px 3px 10px rgba(37, 99, 235, 0.2) !important;}.forminator-ui.forminator-custom-form-89025 .forminator-row.row1,.forminator-ui.forminator-custom-form-89025 .forminator-row.row2,.forminator-ui.forminator-custom-form-89025 .forminator-row.row3,.forminator-ui.forminator-custom-form-89025 .forminator-row.row4{grid-column: span 1 !important;}


/* ==========================================================================
   5. MOBILE RESPONSIVE ADAPTABILITY
   ========================================================================== */
@media (max-width: 768px) { .forminator-ui.forminator-custom-form-89025.forminator-custom-form{grid-template-columns: 1fr !important;} }