.elementor-735 .elementor-element.elementor-element-9e1b091{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-735 .elementor-element.elementor-element-9e1b091:not(.elementor-motion-effects-element-type-background), .elementor-735 .elementor-element.elementor-element-9e1b091 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor7 );}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-735 .elementor-element.elementor-element-7a8f849{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-735 .elementor-element.elementor-element-7a8f849.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-735 .elementor-element.elementor-element-7a8f849 .fluentform-widget-wrapper .ff-el-group a{color:var( --e-global-color-astglobalcolor3 );}.elementor-735 .elementor-element.elementor-element-7a8f849 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}@media(min-width:768px){.elementor-735 .elementor-element.elementor-element-9e1b091{--content-width:1600px;}}@media(max-width:1024px){.elementor-735 .elementor-element.elementor-element-9e1b091{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-735 .elementor-element.elementor-element-9e1b091.e-con{--align-self:center;}.elementor-735 .elementor-element.elementor-element-7a8f849{width:var( --container-widget-width, 528px );max-width:528px;--container-widget-width:528px;--container-widget-flex-grow:0;}.elementor-735 .elementor-element.elementor-element-7a8f849 .fluentform-widget-wrapper{width:532px;}}@media(max-width:767px){.elementor-735 .elementor-element.elementor-element-7a8f849{width:var( --container-widget-width, 315px );max-width:315px;--container-widget-width:315px;--container-widget-flex-grow:0;}.elementor-735 .elementor-element.elementor-element-7a8f849 .fluentform-widget-wrapper{width:309px;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-7a8f849 *//* ========================================= PAKISTAN STEELWORKS - CONTACT FORM Premium Dark Glass Form ========================================= */ .form { background: linear-gradient( 145deg, rgba(11, 31, 51, 0.94), rgba(16, 39, 61, 0.90) ); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 20px; padding: 34px; box-shadow: 0 20px 55px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.05); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); position: relative; overflow: hidden; } /* Subtle orange accent at the top */ .form::before { content: ""; position: absolute; top: 0; left: 10%; width: 80%; height: 2px; background: linear-gradient( 90deg, transparent, #F28C28, transparent ); opacity: 0.8; } /* ========================================= FIELD SPACING ========================================= */ .form .field { margin-bottom: 19px; } /* ========================================= LABELS ========================================= */ .form .field label { display: block; color: #F3F5F7; font-size: 13px; font-weight: 500; margin-bottom: 8px; letter-spacing: 0.25px; } /* ========================================= INPUTS / TEXTAREA / SELECT ========================================= */ .form .field input, .form .field textarea, .form .field select { width: 100%; box-sizing: border-box; background: rgba(255, 255, 255, 0.055); color: #FFFFFF; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 11px; padding: 13px 15px; font-size: 14px; outline: none; transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease; } /* Placeholder */ .form .field input::placeholder, .form .field textarea::placeholder { color: rgba(255, 255, 255, 0.42); } /* ========================================= INPUT HOVER ========================================= */ .form .field input:hover, .form .field textarea:hover, .form .field select:hover { border-color: rgba(242, 140, 40, 0.45); } /* ========================================= INPUT FOCUS ========================================= */ .form .field input:focus, .form .field textarea:focus, .form .field select:focus { border-color: #F28C28; background: rgba(255, 255, 255, 0.085); box-shadow: 0 0 0 3px rgba(242, 140, 40, 0.10), 0 6px 20px rgba(0, 0, 0, 0.10); } /* ========================================= TEXTAREA ========================================= */ .form .field textarea { min-height: 125px; resize: vertical; } /* ========================================= SUBMIT BUTTON ========================================= */ .form button[type="submit"] { width: 100%; border: none; border-radius: 11px; padding: 14px 20px; background: linear-gradient( 135deg, #F28C28, #E87917 ); color: #FFFFFF; font-size: 15px; font-weight: 600; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease; box-shadow: 0 8px 22px rgba(242, 140, 40, 0.22); } /* Button Hover */ .form button[type="submit"]:hover { background: linear-gradient( 135deg, #FF9F3D, #F28C28 ); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(242, 140, 40, 0.32); } /* Button Click */ .form button[type="submit"]:active { transform: translateY(0); } /* ========================================= ERROR MESSAGES ========================================= */ .form .ff-errors, .form .error { color: #FFB4A2; font-size: 12px; margin-top: 5px; } /* ========================================= SUCCESS MESSAGE ========================================= */ .form .fluentform .ff-message-success, .fluentform .ff-message-success { background: linear-gradient( 135deg, #F0FFF8, #E6FAF1 ) !important; border: 1px solid #8ED9B3 !important; border-left: 4px solid #20A464 !important; border-radius: 13px !important; padding: 17px 20px !important; color: #155C3A !important; font-size: 14px !important; font-weight: 600 !important; text-align: center !important; line-height: 1.7 !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 600px) { .form .fluentform .ff-message-success, .fluentform .ff-message-success { padding: 15px 14px !important; font-size: 13px !important; } }/* End custom CSS */