.elementor-10162 .elementor-element.elementor-element-824570e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.9;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10162 .elementor-element.elementor-element-824570e::before, .elementor-10162 .elementor-element.elementor-element-824570e > .elementor-background-video-container::before, .elementor-10162 .elementor-element.elementor-element-824570e > .e-con-inner > .elementor-background-video-container::before, .elementor-10162 .elementor-element.elementor-element-824570e > .elementor-background-slideshow::before, .elementor-10162 .elementor-element.elementor-element-824570e > .e-con-inner > .elementor-background-slideshow::before, .elementor-10162 .elementor-element.elementor-element-824570e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://steelfab.socialstationagency.net/wp-content/uploads/2026/03/Newsletter-.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10162 .elementor-element.elementor-element-1331c6f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-10162 .elementor-element.elementor-element-1331c6f .elementor-heading-title{font-family:"Cairo", Sans-serif;font-size:64px;font-weight:800;text-transform:uppercase;line-height:2.1em;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10162 .elementor-element.elementor-element-30f4a29{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Cairo", Sans-serif;font-size:20px;font-weight:500;}.elementor-10162 .elementor-element.elementor-element-ee73a5e{width:var( --container-widget-width, 66% );max-width:66%;margin:8px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:66%;--container-widget-flex-grow:0;}.elementor-10162 .elementor-element.elementor-element-782dc0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;font-family:"Cairo", Sans-serif;font-size:16px;font-weight:600;}@media(max-width:1024px){.elementor-10162 .elementor-element.elementor-element-824570e{--padding-top:56px;--padding-bottom:56px;--padding-left:0px;--padding-right:0px;}.elementor-10162 .elementor-element.elementor-element-1331c6f .elementor-heading-title{font-size:48px;}.elementor-10162 .elementor-element.elementor-element-30f4a29{text-align:center;font-size:18px;}.elementor-10162 .elementor-element.elementor-element-ee73a5e{--container-widget-width:87%;--container-widget-flex-grow:0;width:var( --container-widget-width, 87% );max-width:87%;}.elementor-10162 .elementor-element.elementor-element-782dc0a{text-align:center;font-size:14px;}}@media(max-width:767px){.elementor-10162 .elementor-element.elementor-element-824570e{--padding-top:48px;--padding-bottom:48px;--padding-left:0px;--padding-right:0px;}.elementor-10162 .elementor-element.elementor-element-1331c6f .elementor-heading-title{font-size:32px;}.elementor-10162 .elementor-element.elementor-element-30f4a29{width:100%;max-width:100%;font-size:16px;line-height:1.6em;}.elementor-10162 .elementor-element.elementor-element-ee73a5e{width:100%;max-width:100%;}.elementor-10162 .elementor-element.elementor-element-782dc0a{width:100%;max-width:100%;line-height:1.8em;}}/* Start custom CSS for shortcode, class: .elementor-element-ee73a5e *//* 1. CONTAINER - Forced RTL and Border Reset */
.newsletter-form-cf7-ar .row .container p {
    direction: rtl !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.30) !important;
    background: rgba(255, 255, 255, 0.15) !important;
    backdrop-filter: blur(2px) !important;
    padding: 9px !important;
    padding-right: 20px !important; /* Spacing for Arabic start */
    border-radius: 0px !important;
}

/* 2. INPUT FIELD - Solid White Typed Text */
.newsletter-form-cf7-ar input:not([type=submit]) {
    background-color: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 19px 24px !important;
    color: #ffffff !important; /* Strong white for typed text */
    font-size: 14px !important;
    text-align: right !important;
    flex-grow: 1 !important;
    border-bottom: 0 !important;
}

/* 3. SUBMIT BUTTON - Flipped Padding for Left Icon */
.newsletter-form-cf7-ar .wpcf7-submit {
    padding: 18px 38px 18px 69px !important; /* More space on the left for the arrow */
    height: 60px !important;
    background: linear-gradient(146deg, #C1C5C8 0%, #F7F7F8 43.77%, #F7F7F8 53.51%, #C1C5C8 100%) !important;
    color: #b96955 !important;
    font-family: "Cairo" !important;
    font-size: 16px !important;
    border: 0 !important;
    position: relative !important;
    border-radius: 0px;
     font-size: 16px !important;

    font-family: "Cairo", sans-serif !important;
    font-weight: 600 !important;
    text-align: right !important;
    flex-grow: 1 !important;
    margin-top: 0 !important;
    width: initial !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output , .newsletter-form-cf7 input , input::-webkit-input-placeholder{
      font-family: 'Cairo' !important;  
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  border-color: #ef4444 !important;  
  direction: rtl;
  color: #fff;
  text-align: right;
}
span.btn-form {
    position: relative;
}
/*  remove autofill color */
input:-webkit-autofill,
input:-webkit-autofill,
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
box-shadow: 0 0 0px 1000px transparent inset !important;
-webkit-text-fill-color: #fff !important;
caret-color: inherit;
transition: background-color 9999s ease-in-out 0s;
}
input::-webkit-input-placeholder
 {
    overflow: visible !important;
}
/* hide success message */
.wpcf7 form.sent .wpcf7-response-output{
    display:none !important
}
/* 4. BUTTON ICON - Positioned Left and Flipped */
.newsletter-form-cf7-ar span.btn-form:after {
    content: '' !important;
    position: absolute !important;
    background: url(https://steelfab.socialstationagency.net/wp-content/uploads/2026/02/subscribe-icon.svg) !important;
    width: 30px !important;
    height: 30px !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    top: 50% !important;
    left: 34px !important; /* Anchored to the left for Arabic */
    right: auto !important;
    transform: translateY(-50%) scaleX(-1) !important; /* Flips the arrow direction */
}

/* 5. PLACEHOLDER & SPINNER */
.newsletter-form-cf7-ar input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.newsletter-form-cf7-ar .wpcf7-spinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
  /* Specifically hide the error tip for the Arabic form */
.newsletter-form-cf7-ar .wpcf7-not-valid-tip {
    display: none !important;
}

/* 6. MOBILE FIXES */
@media (max-width: 750px) {
    .newsletter-form-cf7-ar .wpcf7-submit {
        padding: 18px 26px 18px 49px !important;
        width: 140px !important;
    }
    .newsletter-form-cf7-ar span.btn-form:after {
        left: 25px !important;
        transform: translateY(-50%) scaleX(-1) scale(.75) !important;
    }
    
  
.newsletter-form-cf7-ar .row .container p {
   
    padding-right:6px !important; 
}


/* 5. PLACEHOLDER STYLING - Semi-transparent Grey/White */

.newsletter-form-cf7-ar input::placeholder {

    color: #ffffff !important;

    opacity: 0.5 !important; /* This makes ONLY the placeholder half-transparent */

    font-family: "Cairo", sans-serif !important;

    font-weight: 600 !important;

    font-size: 14px !important;

    text-align: right !important;

}



/* Support for other browsers to ensure placeholder stays at 0.5 opacity */

.newsletter-form-cf7-ar input::-webkit-input-placeholder {

    color: #ffffff !important;

    opacity: 0.5 !important;

}

.newsletter-form-cf7-ar input::-moz-placeholder {

    color: #ffffff !important;

    opacity: 0.5 !important;

}
.newsletter-form-cf7-ar input:not([type=submit]) {

        padding: 10px !important;

        font-size: 14px !important;

    }
    
    

.wpcf7 form.sent .wpcf7-response-output
 {
  
    font-family: "Cairo", sans-serif !important;
    color: #ef4444 !important; /* Specific Red Color */
    text-align: right !important;
    direction: rtl !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important; /* Removes the default box border if any */
    margin-top: 15px !important;
    padding: 0 !important;
}}/* End custom CSS */