.elementor-4476 .elementor-element.elementor-element-236b2ec:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-236b2ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CFCFCF;background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/11/mosque.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4476 .elementor-element.elementor-element-236b2ec > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #000000 0%, #00000000 100%);opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-4476 .elementor-element.elementor-element-236b2ec{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-149px;margin-bottom:0px;padding:197px 20px 201px 20px;}.elementor-4476 .elementor-element.elementor-element-81f9a78 > .elementor-element-populated{margin:-19px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-4476 .elementor-element.elementor-element-86942e4 > .elementor-container{max-width:830px;}.elementor-4476 .elementor-element.elementor-element-86942e4{margin-top:0px;margin-bottom:-25px;padding:20px 0px 22px 0px;}.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-4476 .elementor-element.elementor-element-29e0ede{text-align:center;}.elementor-4476 .elementor-element.elementor-element-29e0ede .elementor-heading-title{font-family:"Amita", Sans-serif;font-size:60px;font-weight:600;line-height:1.4em;color:#FFFFFF;}.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-4476 .elementor-element.elementor-element-6281c82{text-align:center;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-4476 .elementor-element.elementor-element-fd8ae72{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.05;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4476 .elementor-element.elementor-element-fd8ae72:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#130B09;}.elementor-4476 .elementor-element.elementor-element-fd8ae72::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .elementor-background-video-container::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .e-con-inner > .elementor-background-video-container::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .elementor-background-slideshow::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/07/Untitled-design.png");--background-overlay:'';}.elementor-4476 .elementor-element.elementor-element-d52d449{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4476 .elementor-element.elementor-element-69ce428 > .elementor-widget-container{padding:10px 20px 10px 20px;}.elementor-4476 .elementor-element.elementor-element-69ce428{text-align:left;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:2em;color:#FFFFFF;}.elementor-4476 .elementor-element.elementor-element-e1cfd69 > .elementor-widget-container{padding:10px 20px 10px 20px;}.elementor-4476 .elementor-element.elementor-element-e1cfd69{text-align:left;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:2em;color:#FFFFFF;}.elementor-4476 .elementor-element.elementor-element-5a1cb20 > .elementor-widget-container{padding:10px 20px 10px 20px;}.elementor-4476 .elementor-element.elementor-element-5a1cb20{text-align:left;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:2em;color:#FFFFFF;}.elementor-4476 .elementor-element.elementor-element-7c8d3aa > .elementor-widget-container{padding:10px 20px 10px 20px;}.elementor-4476 .elementor-element.elementor-element-7c8d3aa{text-align:left;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:2em;color:#FFFFFF;}.elementor-4476 .elementor-element.elementor-element-b953534{--display:flex;--overlay-opacity:0.05;}.elementor-4476 .elementor-element.elementor-element-b953534:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-b953534 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#130B09;}.elementor-4476 .elementor-element.elementor-element-b953534::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .elementor-background-video-container::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .e-con-inner > .elementor-background-video-container::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .elementor-background-slideshow::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/08/Untitled-design.png");--background-overlay:'';}@media(min-width:1025px){.elementor-4476 .elementor-element.elementor-element-fd8ae72::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .elementor-background-video-container::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .e-con-inner > .elementor-background-video-container::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .elementor-background-slideshow::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4476 .elementor-element.elementor-element-fd8ae72 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-4476 .elementor-element.elementor-element-b953534::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .elementor-background-video-container::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .e-con-inner > .elementor-background-video-container::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .elementor-background-slideshow::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4476 .elementor-element.elementor-element-b953534 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:1024px){.elementor-4476 .elementor-element.elementor-element-236b2ec:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-236b2ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/11/mosque.jpg");background-position:-235px 0px;}.elementor-4476 .elementor-element.elementor-element-236b2ec{padding:177px 0px 110px 0px;}.elementor-4476 .elementor-element.elementor-element-29e0ede .elementor-heading-title{font-size:40px;}.elementor-4476 .elementor-element.elementor-element-6281c82 > .elementor-widget-container{padding:0px 30px 20px 30px;}.elementor-4476 .elementor-element.elementor-element-69ce428 > .elementor-widget-container{padding:50px 20px 20px 20px;}.elementor-4476 .elementor-element.elementor-element-69ce428{font-size:16px;}.elementor-4476 .elementor-element.elementor-element-e1cfd69 > .elementor-widget-container{padding:50px 20px 20px 20px;}.elementor-4476 .elementor-element.elementor-element-e1cfd69{font-size:16px;}.elementor-4476 .elementor-element.elementor-element-5a1cb20 > .elementor-widget-container{padding:50px 20px 20px 20px;}.elementor-4476 .elementor-element.elementor-element-5a1cb20{font-size:16px;}.elementor-4476 .elementor-element.elementor-element-7c8d3aa > .elementor-widget-container{padding:50px 20px 20px 20px;}.elementor-4476 .elementor-element.elementor-element-7c8d3aa{font-size:16px;}}@media(max-width:767px){.elementor-4476 .elementor-element.elementor-element-236b2ec:not(.elementor-motion-effects-element-type-background), .elementor-4476 .elementor-element.elementor-element-236b2ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/11/mosque.jpg");background-position:-537px 8px;}.elementor-4476 .elementor-element.elementor-element-236b2ec{padding:198px 20px 118px 20px;}.elementor-4476 .elementor-element.elementor-element-29e0ede .elementor-heading-title{font-size:25px;}.elementor-4476 .elementor-element.elementor-element-6281c82 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-4476 .elementor-element.elementor-element-6281c82{font-size:18px;}.elementor-4476 .elementor-element.elementor-element-fd8ae72{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4476 .elementor-element.elementor-element-69ce428 > .elementor-widget-container{padding:5px 20px 5px 20px;}.elementor-4476 .elementor-element.elementor-element-69ce428{font-size:16px;}.elementor-4476 .elementor-element.elementor-element-e1cfd69 > .elementor-widget-container{padding:5px 20px 5px 20px;}.elementor-4476 .elementor-element.elementor-element-e1cfd69{font-size:16px;}.elementor-4476 .elementor-element.elementor-element-5a1cb20 > .elementor-widget-container{padding:5px 20px 5px 5px;}.elementor-4476 .elementor-element.elementor-element-5a1cb20{font-size:15px;}.elementor-4476 .elementor-element.elementor-element-7c8d3aa > .elementor-widget-container{padding:5px 20px 5px 20px;}.elementor-4476 .elementor-element.elementor-element-7c8d3aa{font-size:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-b211aaa *//***************
  GLOBAL / BASE
***************/
.wpforms-form {
  --fg: #fff;
  --fg-subtle: #ccc;
  --fg-muted: #bbb;
  --fg-inline: #eee;
  --bg-input: #222;
  --bd-input: #555;
  --bd-input-focus: #888;
  --accent: #ffcc00;
}

.wpforms-form,
.wpforms-form * { box-sizing: border-box; }

/* Main field labels */
.wpforms-form .wpforms-field-label { color: var(--fg) !important; }

/******************************
  INPUTS / SELECTS / TEXTAREAS
******************************/
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="tel"],
.wpforms-form input[type="number"],
.wpforms-form input[type="url"],
.wpforms-form input[type="password"],
.wpforms-form select,
.wpforms-form textarea {
  background-color: var(--bg-input) !important;
  color: var(--fg) !important;
  border: 1px solid var(--bd-input) !important;
  border-radius: 6px !important;
  padding: 10px 12px !important;
  outline: none !important;
}

.wpforms-form input:focus,
.wpforms-form select:focus,
.wpforms-form textarea:focus {
  border-color: var(--bd-input-focus) !important;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.2) !important;
}

.wpforms-form ::placeholder { color: var(--fg-muted) !important; }
.wpforms-form select option { background-color: var(--bg-input); color: var(--fg); }

/****************************
  INLINE / SUB-LABELS / HINTS
****************************/
.wpforms-form .wpforms-field-sublabel { color: var(--fg-subtle) !important; }
.wpforms-form .wpforms-field-label-inline,
.wpforms-form .wpforms-field .wpforms-choice-label { color: var(--fg-inline) !important; }
.wpforms-form .wpforms-field-description,
.wpforms-form .wpforms-field-header { color: var(--fg-subtle) !important; }

/*****************
  CHECKBOX/RADIOS
******************/
.wpforms-form input[type="checkbox"],
.wpforms-form input[type="radio"] { accent-color: var(--accent) !important; }

/**********************
  ERRORS / VALIDATION
***********************/
.wpforms-form .wpforms-error,
.wpforms-form .wpforms-field .wpforms-error { color: #ff8a8a !important; }
.wpforms-form .wpforms-has-error input,
.wpforms-form .wpforms-has-error select,
.wpforms-form .wpforms-has-error textarea { border-color: #ff8a8a !important; }

/**************************
  PAGE BREAK NAV (if used)
**************************/
.wpforms-form .wpforms-pagebreak-back,
.wpforms-form .wpforms-pagebreak-next { color: var(--fg) !important; }

/******************************
  TOTALS / PAYMENT TEXT LABELS
*******************************/
.wpforms-form .wpforms-payment-total,
.wpforms-form .wpforms-payment-label,
.wpforms-form .wpforms-payment-description { color: var(--fg) !important; }

/*****************
  SUBMIT BUTTON
******************/
.wpforms-submit {
  background-color: var(--accent) !important;
  color: #000 !important;
  border: none !important;
  padding: 10px 25px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  transition: transform .06s ease, background-color .2s ease !important;
  cursor: pointer !important;
}
.wpforms-submit:hover { background-color: #e6b800 !important; }
.wpforms-submit:active { transform: translateY(1px) scale(.99); }

/************************************
  SQUARE (CARD) – OUTER WRAPPERS
  (these are in your DOM, not the iframe)
*************************************/
.wpforms-form .sq-input-wrapper,
.wpforms-form .sq-card-iframe-container,
.wpforms-form [id*="card-container"] {
  background-color: var(--bg-input) !important;
  color: var(--fg) !important;
  border: 1px solid var(--bd-input) !important;
  border-radius: 6px !important;
  padding: 8px 10px !important;
}
.wpforms-form .sq-input-wrapper:focus-within,
.wpforms-form .sq-card-iframe-container:focus-within,
.wpforms-form [id*="card-container"]:focus-within {
  border-color: var(--bd-input-focus) !important;
  box-shadow: 0 0 0 3px rgba(255, 204, 0, 0.2) !important;
}
.wpforms-form .sq-input-wrapper iframe,
.wpforms-form .sq-card-iframe-container iframe { background: transparent !important; }

.wpforms-form .sq-label,
.wpforms-form label[for*="sq-"],
.wpforms-form label[for*="card"] { color: var(--fg) !important; }

.wpforms-form .sq-field-error { color: #ff8a8a !important; }
.wpforms-form .sq-field-success { color: #5cff5c !important; }

/*****************************************
  CLOUDFLARE TURNSTILE (Captcha box)
******************************************/
.wpforms-form .cf-turnstile,
.wpforms-form .cf-challenge,
.wpforms-form .cf-wrapper,
.wpforms-form .cf-success {
  background: transparent !important;
  color: var(--fg) !important;
}

/************************************
  FIX AUTOFILL (Chrome/Safari/Edge)
*************************************/
.wpforms-form input:-webkit-autofill,
.wpforms-form input:-webkit-autofill:hover,
.wpforms-form input:-webkit-autofill:focus,
.wpforms-form select:-webkit-autofill,
.wpforms-form textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  -webkit-text-fill-color: var(--fg) !important;
  caret-color: var(--fg) !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

/* Firefox */
.wpforms-form input:-moz-autofill,
.wpforms-form select:-moz-autofill,
.wpforms-form textarea:-moz-autofill {
  box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
  -moz-text-fill-color: var(--fg) !important;
  caret-color: var(--fg) !important;
}/* End custom CSS */