.elementor-5119 .elementor-element.elementor-element-76429bf0:not(.elementor-motion-effects-element-type-background), .elementor-5119 .elementor-element.elementor-element-76429bf0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CFCFCF;background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2026/05/Girls.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-5119 .elementor-element.elementor-element-76429bf0 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(270deg, #130B0994 0%, #130B09E8 100%);opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5119 .elementor-element.elementor-element-76429bf0 > .elementor-container{max-width:1170px;}.elementor-5119 .elementor-element.elementor-element-76429bf0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-187px;margin-bottom:0px;padding:194px 20px 60px 20px;}.elementor-5119 .elementor-element.elementor-element-dcbe1ab > .elementor-container{max-width:830px;}.elementor-5119 .elementor-element.elementor-element-dcbe1ab{margin-top:0px;margin-bottom:0px;padding:50px 0px 0px 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-5119 .elementor-element.elementor-element-4bd4b3b6{text-align:center;}.elementor-5119 .elementor-element.elementor-element-4bd4b3b6 .elementor-heading-title{font-family:"Amita", Sans-serif;font-size:75px;font-weight:700;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-5119 .elementor-element.elementor-element-707e384{text-align:center;font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:2.1em;color:#FFFFFF;}.elementor-5119 .elementor-element.elementor-element-3e78484{--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;}.elementor-5119 .elementor-element.elementor-element-3e78484:not(.elementor-motion-effects-element-type-background), .elementor-5119 .elementor-element.elementor-element-3e78484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#130B09;}.elementor-5119 .elementor-element.elementor-element-3e78484::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .e-con-inner > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/05/Untitled-design.png");--background-overlay:'';}.elementor-5119 .elementor-element.elementor-element-949e490{--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-5119 .elementor-element.elementor-element-7626a79 > .elementor-widget-container{padding:25px 20px 25px 20px;}.elementor-5119 .elementor-element.elementor-element-7626a79{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:2em;color:#FFFFFF;}.elementor-5119 .elementor-element.elementor-element-1d6c85f{--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.12;}.elementor-5119 .elementor-element.elementor-element-1d6c85f:not(.elementor-motion-effects-element-type-background), .elementor-5119 .elementor-element.elementor-element-1d6c85f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#130B09;}.elementor-5119 .elementor-element.elementor-element-1d6c85f::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .e-con-inner > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .e-con-inner > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/05/Untitled-design.png");--background-overlay:'';}.elementor-5119 .elementor-element.elementor-element-b6df6e6{--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-5119 .elementor-element.elementor-element-2b62d60{--display:flex;}.elementor-5119 .elementor-element.elementor-element-b63d445 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5119 .elementor-element.elementor-element-b63d445{text-align:center;}.elementor-5119 .elementor-element.elementor-element-b63d445 .elementor-heading-title{font-family:"Amita", Sans-serif;font-size:50px;font-weight:700;color:#FFFFFF;}.elementor-5119 .elementor-element.elementor-element-679c63f{font-family:"DM Sans", Sans-serif;font-size:18px;font-weight:400;line-height:2em;color:#FFFFFF;}.elementor-5119 .elementor-element.elementor-element-d48688e{--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;}.elementor-5119 .elementor-element.elementor-element-d48688e:not(.elementor-motion-effects-element-type-background), .elementor-5119 .elementor-element.elementor-element-d48688e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#130B09;}.elementor-5119 .elementor-element.elementor-element-d48688e::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .e-con-inner > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.masjidhaqq.org/wp-content/uploads/2025/05/Untitled-design.png");--background-overlay:'';}.elementor-5119 .elementor-element.elementor-element-dd5bcc4{--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:space-evenly;--align-items:stretch;}.elementor-5119 .elementor-element.elementor-element-560c774{--display:flex;--justify-content:space-evenly;--align-items:stretch;--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:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5119 .elementor-element.elementor-element-760e65f > .elementor-widget-container{padding:20px 20px 0px 20px;}.elementor-5119 .elementor-element.elementor-element-760e65f{text-align:center;}.elementor-5119 .elementor-element.elementor-element-760e65f .elementor-heading-title{font-family:"Amita", Sans-serif;font-size:50px;font-weight:700;color:#FFFBFB;}.elementor-5119 .elementor-element.elementor-element-9a07f97 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-5119 .elementor-element.elementor-element-9a07f97.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}@media(min-width:768px){.elementor-5119 .elementor-element.elementor-element-560c774{--width:100%;}}@media(max-width:1024px){.elementor-5119 .elementor-element.elementor-element-4bd4b3b6 .elementor-heading-title{font-size:70px;}.elementor-5119 .elementor-element.elementor-element-707e384 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-5119 .elementor-element.elementor-element-707e384{font-size:16px;}.elementor-5119 .elementor-element.elementor-element-7626a79 > .elementor-widget-container{padding:50px 20px 20px 20px;}.elementor-5119 .elementor-element.elementor-element-7626a79{font-size:16px;}.elementor-5119 .elementor-element.elementor-element-679c63f > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-5119 .elementor-element.elementor-element-679c63f{font-size:16px;}.elementor-5119 .elementor-element.elementor-element-560c774{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5119 .elementor-element.elementor-element-9a07f97 > .elementor-widget-container{padding:0px 0px 0px 20px;}.elementor-5119 .elementor-element.elementor-element-9a07f97.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:1;}}@media(max-width:767px){.elementor-5119 .elementor-element.elementor-element-76429bf0{padding:260px 20px 0px 20px;}.elementor-5119 .elementor-element.elementor-element-dcbe1ab{padding:0px 0px 73px 0px;}.elementor-5119 .elementor-element.elementor-element-4bd4b3b6 .elementor-heading-title{font-size:40px;}.elementor-5119 .elementor-element.elementor-element-707e384 p{margin-block-end:0px;}.elementor-5119 .elementor-element.elementor-element-7626a79 > .elementor-widget-container{padding:20px 20px 20px 20px;}.elementor-5119 .elementor-element.elementor-element-7626a79{font-size:16px;}.elementor-5119 .elementor-element.elementor-element-b63d445 > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-5119 .elementor-element.elementor-element-b63d445 .elementor-heading-title{font-size:28px;line-height:1.4em;}.elementor-5119 .elementor-element.elementor-element-679c63f > .elementor-widget-container{padding:0px 20px 25px 20px;}.elementor-5119 .elementor-element.elementor-element-679c63f{font-size:16px;}.elementor-5119 .elementor-element.elementor-element-560c774{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-5119 .elementor-element.elementor-element-760e65f > .elementor-widget-container{padding:0px 20px 0px 20px;}.elementor-5119 .elementor-element.elementor-element-760e65f .elementor-heading-title{font-size:28px;line-height:1.4em;}.elementor-5119 .elementor-element.elementor-element-9a07f97 > .elementor-widget-container{padding:0px 0px 0px 0px;}}@media(min-width:1025px){.elementor-5119 .elementor-element.elementor-element-3e78484::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .e-con-inner > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-3e78484 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-5119 .elementor-element.elementor-element-1d6c85f::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .e-con-inner > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .e-con-inner > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-1d6c85f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-5119 .elementor-element.elementor-element-d48688e::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .e-con-inner > .elementor-background-video-container::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .e-con-inner > .elementor-background-slideshow::before, .elementor-5119 .elementor-element.elementor-element-d48688e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for shortcode, class: .elementor-element-9a07f97 *//* Target the Square iframe in the WPForms Square field */
.wpforms-field.wpforms-field-square iframe[src*="web.squarecdn.com"] {
    filter: invert(1) hue-rotate(180deg);
    border-radius: 4px;
}

/* Optional: darken the wrapper around the iframe too */
.wpforms-field.wpforms-field-square .sq-card-component {
    background-color: #1b1b1b !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
}


/* Make only "Name on Card" field white with dark text */
.wpforms-field-square-name input.wpforms-field-square-cardname {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
}

/* Placeholder color for Name on Card */
.wpforms-field-square-name input.wpforms-field-square-cardname::placeholder {
    color: #666666 !important;
}

/* Ensure border does not go bright red on error */
.wpforms-error .wpforms-field-square-name input.wpforms-field-square-cardname {
    border-color: #b33a3a !important; /* darker, subtle error */
}

/* Make WPForms payment total amount white */
.wpforms-payment-total,
.wpforms-payment-total .wpforms-payment-total-label,
.wpforms-payment-total .wpforms-payment-total-amount,
.wpforms-field-payment-total,
.wpforms-field-payment-total label,
.wpforms-field-payment-total .wpforms-payment-total {
    color: #ffffff !important;
}






/* Keep Square card input background WHITE, not inverted */
.wpforms-field-square iframe[src*="web.squarecdn.com"] {
    filter: none !important;
    background: #ffffff !important;
    border-radius: 6px !important;
}

/* Make the Square card frame border dark to match theme */
.wpforms-field-square .sq-card-component {
    border: 1px solid #444 !important;
    border-radius: 6px !important;
    background: transparent !important; /* wrapper stays dark */
}






/* Dark background + white text for Name on Card input */
.wpforms-field-square-name input.wpforms-field-square-cardname {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
    border-radius: 6px !important;
}

/* Placeholder color lighter on dark */
.wpforms-field-square-name input.wpforms-field-square-cardname::placeholder {
    color: #aaaaaa !important;
}

/* Prevent red error border from messing the look */
.wpforms-error .wpforms-field-square-name input.wpforms-field-square-cardname {
    border-color: #b33a3a !important; /* optional subtle red */
}/* End custom CSS */