.elementor-2998 .elementor-element.elementor-element-2b646b5 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-2b646b5:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-2b646b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3B4B15;}.elementor-2998 .elementor-element.elementor-element-2b646b5 > .elementor-background-overlay{background-image:url("https://salafacademy.org/wp-content/uploads/2026/07/pattern-1.png");background-size:350px auto;opacity:0.15;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-2b646b5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:5;}.elementor-2998 .elementor-element.elementor-element-aaee0ee{width:auto;max-width:auto;padding:0px 0px 0px 30px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2998 .elementor-element.elementor-element-aaee0ee .elementor-icon-list-icon i{color:#CD9B3C;transition:color 0.3s;}.elementor-2998 .elementor-element.elementor-element-aaee0ee .elementor-icon-list-icon svg{fill:#CD9B3C;transition:fill 0.3s;}.elementor-2998 .elementor-element.elementor-element-aaee0ee .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2998 .elementor-element.elementor-element-aaee0ee .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-e4c8e47.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-e4c8e47.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-e4c8e47.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-e4c8e47 > .elementor-element-populated{padding:0px 20px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-b3c43c0{--grid-template-columns:repeat(0, auto);text-align:right;width:auto;max-width:auto;--icon-size:15px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2998 .elementor-element.elementor-element-b3c43c0 .elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-2998 .elementor-element.elementor-element-b3c43c0 .elementor-social-icon:hover{background-color:var( --e-global-color-accent );}.elementor-2998 .elementor-element.elementor-element-97e4146 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-97e4146, .elementor-2998 .elementor-element.elementor-element-97e4146 > .elementor-background-overlay{border-radius:100px 100px 100px 100px;}.elementor-2998 .elementor-element.elementor-element-97e4146{box-shadow:-3px 6px 40px -6px rgba(0, 0, 0, 0.32);margin-top:0px;margin-bottom:-30px;}.elementor-2998 .elementor-element.elementor-element-e621aae:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2998 .elementor-element.elementor-element-e621aae > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D1CCB7 0%, #F1EFE9 100%);}.elementor-2998 .elementor-element.elementor-element-e621aae > .elementor-element-populated, .elementor-2998 .elementor-element.elementor-element-e621aae > .elementor-element-populated > .elementor-background-overlay, .elementor-2998 .elementor-element.elementor-element-e621aae > .elementor-background-slideshow{border-radius:10px 0px 0px 10px;}.elementor-2998 .elementor-element.elementor-element-e621aae > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-e621aae > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-1818895{text-align:center;}.elementor-2998 .elementor-element.elementor-element-1818895 img{width:139px;}.elementor-2998 .elementor-element.elementor-element-cc2429b:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2998 .elementor-element.elementor-element-cc2429b > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-cc2429b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-cc2429b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-cc2429b.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-cc2429b > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-cc2429b > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-0b4d9fa{--spacer-size:50px;}.elementor-2998 .elementor-element.elementor-element-5c95dc1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2998 .elementor-element.elementor-element-5c95dc1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-5c95dc1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-5c95dc1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-5c95dc1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2998 .elementor-element.elementor-element-5c95dc1 > .elementor-element-populated, .elementor-2998 .elementor-element.elementor-element-5c95dc1 > .elementor-element-populated > .elementor-background-overlay, .elementor-2998 .elementor-element.elementor-element-5c95dc1 > .elementor-background-slideshow{border-radius:0px 15px 15px 0px;}.elementor-2998 .elementor-element.elementor-element-5c95dc1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-5c95dc1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-b9f187c{width:auto;max-width:auto;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-b9f187c .elementor-button{font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-6d9409d .elementor-button{background-color:#F4D21F;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;fill:#000000;color:#000000;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-6d9409d .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-6d9409d .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2998 .elementor-element.elementor-element-6d9409d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-6d9409d .elementor-button:hover svg, .elementor-2998 .elementor-element.elementor-element-6d9409d .elementor-button:focus svg{fill:#000000;}.elementor-2998 .elementor-element.elementor-element-9bcd61e{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-2998 .elementor-element.elementor-element-9bcd61e .elementor-button{font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-1f81879 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-1f81879, .elementor-2998 .elementor-element.elementor-element-1f81879 > .elementor-background-overlay{border-radius:100px 100px 100px 100px;}.elementor-2998 .elementor-element.elementor-element-1f81879{box-shadow:-3px 6px 40px -6px rgba(0, 0, 0, 0.32);margin-top:0px;margin-bottom:-30px;}.elementor-2998 .elementor-element.elementor-element-900ac94:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2998 .elementor-element.elementor-element-900ac94 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D1CCB7 0%, #F1EFE9 100%);}.elementor-2998 .elementor-element.elementor-element-900ac94 > .elementor-element-populated, .elementor-2998 .elementor-element.elementor-element-900ac94 > .elementor-element-populated > .elementor-background-overlay, .elementor-2998 .elementor-element.elementor-element-900ac94 > .elementor-background-slideshow{border-radius:10px 0px 0px 10px;}.elementor-2998 .elementor-element.elementor-element-900ac94 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-900ac94 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-4865a6a{text-align:start;}.elementor-2998 .elementor-element.elementor-element-4865a6a img{width:139px;}.elementor-2998 .elementor-element.elementor-element-15a7858:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2998 .elementor-element.elementor-element-15a7858 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-15a7858.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-15a7858.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-15a7858.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2998 .elementor-element.elementor-element-15a7858 > .elementor-element-populated, .elementor-2998 .elementor-element.elementor-element-15a7858 > .elementor-element-populated > .elementor-background-overlay, .elementor-2998 .elementor-element.elementor-element-15a7858 > .elementor-background-slideshow{border-radius:0px 15px 15px 0px;}.elementor-2998 .elementor-element.elementor-element-15a7858 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-15a7858 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-5d45b1c{width:auto;max-width:auto;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-5d45b1c .elementor-button{font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-bce6516{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 15px;}.elementor-2998 .elementor-element.elementor-element-bce6516 .elementor-button{font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-ce2f356{--display:flex;--min-height:500px;--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;--justify-content:center;--overlay-opacity:0.78;--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-ce2f356:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-ce2f356 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salafacademy.org/wp-content/uploads/2026/08/1297.jpg");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-2998 .elementor-element.elementor-element-ce2f356::before, .elementor-2998 .elementor-element.elementor-element-ce2f356 > .elementor-background-video-container::before, .elementor-2998 .elementor-element.elementor-element-ce2f356 > .e-con-inner > .elementor-background-video-container::before, .elementor-2998 .elementor-element.elementor-element-ce2f356 > .elementor-background-slideshow::before, .elementor-2998 .elementor-element.elementor-element-ce2f356 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2998 .elementor-element.elementor-element-ce2f356 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000073;--background-overlay:'';}.elementor-2998 .elementor-element.elementor-element-25a7c1a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2998 .elementor-element.elementor-element-e78d71c{--display:flex;}.elementor-2998 .elementor-element.elementor-element-f2356f3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2998 .elementor-element.elementor-element-f2356f3 .elementor-heading-title{font-size:36px;line-height:32px;color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-b9ff274{width:initial;max-width:initial;text-align:start;color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-ad5974e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-9890888{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-78b3805 .elementor-button{background-color:#F4D21F;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;fill:#000000;color:#000000;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-78b3805 .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-78b3805 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2998 .elementor-element.elementor-element-78b3805{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-78b3805 .elementor-button:hover svg, .elementor-2998 .elementor-element.elementor-element-78b3805 .elementor-button:focus svg{fill:#000000;}.elementor-2998 .elementor-element.elementor-element-a12006a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-c257c0e .elementor-button{background-color:#F4D21F;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;fill:#000000;color:#000000;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-c257c0e .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-c257c0e .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2998 .elementor-element.elementor-element-c257c0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-c257c0e .elementor-button:hover svg, .elementor-2998 .elementor-element.elementor-element-c257c0e .elementor-button:focus svg{fill:#000000;}.elementor-2998 .elementor-element.elementor-element-019974c{--display:flex;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-7f56536{text-align:center;}.elementor-2998 .elementor-element.elementor-element-42f4d35{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-0c27349{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-0c27349:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-0c27349 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#108669A3;}.elementor-2998 .elementor-element.elementor-element-79af031 .elementor-counter{flex-direction:column-reverse;}.elementor-2998 .elementor-element.elementor-element-79af031 .elementor-counter-title{justify-content:center;color:var( --e-global-color-038b69a );font-size:16px;}.elementor-2998 .elementor-element.elementor-element-79af031 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-primary );font-size:42px;}.elementor-2998 .elementor-element.elementor-element-1e834b4{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-1e834b4:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-1e834b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#108669A3;}.elementor-2998 .elementor-element.elementor-element-1570692 .elementor-counter{flex-direction:column-reverse;}.elementor-2998 .elementor-element.elementor-element-1570692 .elementor-counter-title{justify-content:center;color:var( --e-global-color-038b69a );font-size:16px;}.elementor-2998 .elementor-element.elementor-element-1570692 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-primary );font-size:42px;}.elementor-2998 .elementor-element.elementor-element-9cfd190{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-9cfd190:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-9cfd190 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#108669A3;}.elementor-2998 .elementor-element.elementor-element-322d258 .elementor-counter{flex-direction:column-reverse;}.elementor-2998 .elementor-element.elementor-element-322d258 .elementor-counter-title{justify-content:center;color:var( --e-global-color-038b69a );font-size:16px;}.elementor-2998 .elementor-element.elementor-element-322d258 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-primary );font-size:42px;}.elementor-2998 .elementor-element.elementor-element-28e4c6b{--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-28e4c6b:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-28e4c6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#108669A3;}.elementor-2998 .elementor-element.elementor-element-61c5401 .elementor-counter{flex-direction:column-reverse;}.elementor-2998 .elementor-element.elementor-element-61c5401 .elementor-counter-title{justify-content:center;color:var( --e-global-color-038b69a );font-size:16px;}.elementor-2998 .elementor-element.elementor-element-61c5401 .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-primary );font-size:42px;}.elementor-2998 .elementor-element.elementor-element-c797932{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-c797932:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-c797932 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salafacademy.org/wp-content/uploads/2026/07/background.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2998 .elementor-element.elementor-element-92be498{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-5ddd637{z-index:2;}.elementor-2998 .elementor-element.elementor-element-5ddd637 img{border-radius:10px 10px 10px 10px;}.elementor-2998 .elementor-element.elementor-element-8d6fcbb{--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;--justify-content:center;}.elementor-2998 .elementor-element.elementor-element-8ce8e07 .elementor-heading-title{color:#1A774A;}.elementor-2998 .elementor-element.elementor-element-c20db24 .elementor-heading-title{font-size:18px;line-height:32px;color:var( --e-global-color-primary );}.elementor-2998 .elementor-element.elementor-element-3a694d6{width:100%;max-width:100%;color:#000000;}.elementor-2998 .elementor-element.elementor-element-9ae5b89{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-32bb209{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-e3aa416 .elementor-button{background-color:#F4D21F;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;fill:#000000;color:#000000;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-e3aa416 .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-e3aa416 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2998 .elementor-element.elementor-element-e3aa416{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-e3aa416 .elementor-button:hover svg, .elementor-2998 .elementor-element.elementor-element-e3aa416 .elementor-button:focus svg{fill:#000000;}.elementor-2998 .elementor-element.elementor-element-77c3c5e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-ffe7d41 .elementor-button{background-color:#F4D21F;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;fill:#000000;color:#000000;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-ffe7d41 .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-ffe7d41 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2998 .elementor-element.elementor-element-ffe7d41{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-ffe7d41 .elementor-button:hover svg, .elementor-2998 .elementor-element.elementor-element-ffe7d41 .elementor-button:focus svg{fill:#000000;}.elementor-2998 .elementor-element.elementor-element-c07715f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-f0be72b{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-f0be72b:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-f0be72b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F9F9;}.elementor-2998 .elementor-element.elementor-element-dd0d11a{text-align:center;}.elementor-2998 .elementor-element.elementor-element-dd0d11a .elementor-heading-title{color:var( --e-global-color-917ce0f );}.elementor-2998 .elementor-element.elementor-element-878ff46{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2998 .elementor-element.elementor-element-878ff46:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-878ff46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2998 .elementor-element.elementor-element-24193f9{--display:flex;--min-height:265px;--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;--justify-content:center;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-efd2125 .elementor-counter{flex-direction:row-reverse;}.elementor-2998 .elementor-element.elementor-element-efd2125 .elementor-counter-number-wrapper{color:var( --e-global-color-943ed3c );font-family:"Ropa Sans", Sans-serif;font-size:3em;font-weight:600;line-height:1em;}.elementor-2998 .elementor-element.elementor-element-efd2125 .elementor-counter-title{color:#FFFFFF;font-family:"Ropa Sans", Sans-serif;font-size:1.7em;font-weight:600;text-transform:capitalize;line-height:1em;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-2998 .elementor-element.elementor-element-a03156b .elementor-image-box-title{color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-0694010{--display:flex;--justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-0694010:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-0694010 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-2998 .elementor-element.elementor-element-0183540{--display:flex;--min-height:265px;--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;--justify-content:center;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-76eb5cc .elementor-counter{flex-direction:row-reverse;}.elementor-2998 .elementor-element.elementor-element-76eb5cc .elementor-counter-number-wrapper{color:var( --e-global-color-943ed3c );font-family:"Ropa Sans", Sans-serif;font-size:3em;font-weight:600;line-height:1em;}.elementor-2998 .elementor-element.elementor-element-76eb5cc .elementor-counter-title{color:#FFFFFF;font-family:"Ropa Sans", Sans-serif;font-size:1.7em;font-weight:600;text-transform:capitalize;line-height:1em;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-2998 .elementor-element.elementor-element-74a5271 .elementor-image-box-title{color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-9c25ad9{--display:flex;--justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-9c25ad9:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-9c25ad9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2998 .elementor-element.elementor-element-9f68a2f{--display:flex;--min-height:265px;--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;--justify-content:center;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-b9f2e52 .elementor-counter{flex-direction:row-reverse;}.elementor-2998 .elementor-element.elementor-element-b9f2e52 .elementor-counter-number-wrapper{color:var( --e-global-color-943ed3c );font-family:"Ropa Sans", Sans-serif;font-size:3em;font-weight:600;line-height:1em;}.elementor-2998 .elementor-element.elementor-element-b9f2e52 .elementor-counter-title{color:#FFFFFF;font-family:"Ropa Sans", Sans-serif;font-size:1.7em;font-weight:600;text-transform:capitalize;line-height:1em;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-2998 .elementor-element.elementor-element-ad33e7c .elementor-image-box-title{color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-086665e{--display:flex;--justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-086665e:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-086665e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2998 .elementor-element.elementor-element-76872f6{--display:flex;--min-height:265px;--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;--justify-content:center;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-9af2dc5 .elementor-counter{flex-direction:row-reverse;}.elementor-2998 .elementor-element.elementor-element-9af2dc5 .elementor-counter-number-wrapper{color:var( --e-global-color-943ed3c );font-family:"Ropa Sans", Sans-serif;font-size:3em;font-weight:600;line-height:1em;}.elementor-2998 .elementor-element.elementor-element-9af2dc5 .elementor-counter-title{color:#FFFFFF;font-family:"Ropa Sans", Sans-serif;font-size:1.7em;font-weight:600;text-transform:capitalize;line-height:1em;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-2998 .elementor-element.elementor-element-33eadd5 .elementor-image-box-title{color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-e53617c{--display:flex;--justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-e53617c:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-e53617c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-2998 .elementor-element.elementor-element-23baacf{--display:flex;--min-height:265px;--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;--justify-content:center;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-1aa44d2 .elementor-counter{flex-direction:row-reverse;}.elementor-2998 .elementor-element.elementor-element-1aa44d2 .elementor-counter-number-wrapper{color:var( --e-global-color-943ed3c );font-family:"Ropa Sans", Sans-serif;font-size:3em;font-weight:600;line-height:1em;}.elementor-2998 .elementor-element.elementor-element-1aa44d2 .elementor-counter-title{color:#FFFFFF;font-family:"Ropa Sans", Sans-serif;font-size:1.7em;font-weight:600;text-transform:capitalize;line-height:1em;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-2998 .elementor-element.elementor-element-6f636d0 .elementor-image-box-title{color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-0000f30{--display:flex;--justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-0000f30:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-0000f30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A1B1B00;}.elementor-2998 .elementor-element.elementor-element-09a7ac2{--display:flex;--min-height:265px;--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;--justify-content:center;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-2998 .elementor-element.elementor-element-7413003 .elementor-counter{flex-direction:row-reverse;}.elementor-2998 .elementor-element.elementor-element-7413003 .elementor-counter-number-wrapper{color:var( --e-global-color-943ed3c );font-family:"Ropa Sans", Sans-serif;font-size:3em;font-weight:600;line-height:1em;}.elementor-2998 .elementor-element.elementor-element-7413003 .elementor-counter-title{color:#FFFFFF;font-family:"Ropa Sans", Sans-serif;font-size:1.7em;font-weight:600;text-transform:capitalize;line-height:1em;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-2998 .elementor-element.elementor-element-915360e .elementor-image-box-title{color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-d80d7f3{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-accent );}:where( .elementor-2998 .elementor-element.elementor-element-d80d7f3 .swiper-slide ) > .e-con{background-color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-b3ef905{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-b7b4b92{--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-2998 .elementor-element.elementor-element-45f1666{padding:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-45f1666 img{width:80%;border-radius:5px 5px 5px 5px;}.elementor-2998 .elementor-element.elementor-element-1ed4f88{margin:-45% 0% calc(var(--kit-widget-spacing, 0px) + 0%) -12%;padding:15px 15px 15px 15px;text-align:start;}.elementor-2998 .elementor-element.elementor-element-1ed4f88 img{width:60%;border-radius:5px 5px 5px 5px;}.elementor-2998 .elementor-element.elementor-element-e5c66be{--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;--justify-content:center;}.elementor-2998 .elementor-element.elementor-element-fcd1b78 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-2998 .elementor-element.elementor-element-298ce9c{width:100%;max-width:100%;color:#000000;}.elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-2998 .elementor-element.elementor-element-ef6fbc4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-2998 .elementor-element.elementor-element-9d46750{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-d0b1e20{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-b152e2b .elementor-button{background-color:#F4D21F;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;fill:#000000;color:#000000;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-b152e2b .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-b152e2b .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2998 .elementor-element.elementor-element-b152e2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-b152e2b .elementor-button:hover svg, .elementor-2998 .elementor-element.elementor-element-b152e2b .elementor-button:focus svg{fill:#000000;}.elementor-2998 .elementor-element.elementor-element-e2a97d7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-94b1fbe .elementor-button{background-color:#F4D21F;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;fill:#000000;color:#000000;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-94b1fbe .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-94b1fbe .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2998 .elementor-element.elementor-element-94b1fbe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-94b1fbe .elementor-button:hover svg, .elementor-2998 .elementor-element.elementor-element-94b1fbe .elementor-button:focus svg{fill:#000000;}.elementor-2998 .elementor-element.elementor-element-05fb8af{--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.1;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-05fb8af:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-05fb8af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://salafacademy.org/wp-content/uploads/2026/07/WhatsApp-Image-2026-06-11-at-11.23.59-AM.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2998 .elementor-element.elementor-element-05fb8af::before, .elementor-2998 .elementor-element.elementor-element-05fb8af > .elementor-background-video-container::before, .elementor-2998 .elementor-element.elementor-element-05fb8af > .e-con-inner > .elementor-background-video-container::before, .elementor-2998 .elementor-element.elementor-element-05fb8af > .elementor-background-slideshow::before, .elementor-2998 .elementor-element.elementor-element-05fb8af > .e-con-inner > .elementor-background-slideshow::before, .elementor-2998 .elementor-element.elementor-element-05fb8af > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#BABEAF;--background-overlay:'';}.elementor-2998 .elementor-element.elementor-element-f3ab4fd{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-69d9b02 .elementor-heading-title{color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-46c3359{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-cbc3f65{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:start;color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-81f3255{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-2998 .elementor-element.elementor-element-81f3255:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-81f3255 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-2998 .elementor-element.elementor-element-0a42c6b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2998 .elementor-element.elementor-element-0a42c6b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2998 .elementor-element.elementor-element-d889e48 .elementor-button{background-color:#02010100;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-d889e48 .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-d889e48 .elementor-button:focus{background-color:#FFFFFF00;}.elementor-2998 .elementor-element.elementor-element-d889e48{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-e1797e1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-2998 .elementor-element.elementor-element-e1797e1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2998 .elementor-element.elementor-element-c954a16{width:100%;max-width:100%;text-align:start;}.elementor-2998 .elementor-element.elementor-element-c954a16 .elementor-heading-title{font-size:30px;line-height:32px;color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-2aa5e63{--display:flex;--min-height:600px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-2aa5e63:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-2aa5e63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7EDD9;}.elementor-2998 .elementor-element.elementor-element-ebdfd99{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-8c6cae0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.2;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-8c6cae0:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-8c6cae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2998 .elementor-element.elementor-element-8c6cae0::before, .elementor-2998 .elementor-element.elementor-element-8c6cae0 > .elementor-background-video-container::before, .elementor-2998 .elementor-element.elementor-element-8c6cae0 > .e-con-inner > .elementor-background-video-container::before, .elementor-2998 .elementor-element.elementor-element-8c6cae0 > .elementor-background-slideshow::before, .elementor-2998 .elementor-element.elementor-element-8c6cae0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2998 .elementor-element.elementor-element-8c6cae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://salafacademy.org/wp-content/uploads/2026/07/pattern-1.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2998 .elementor-element.elementor-element-48418dd{--display:flex;}.elementor-2998 .elementor-element.elementor-element-b930656{text-align:center;}.elementor-2998 .elementor-element.elementor-element-b930656 .elementor-heading-title{color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-59ebe49{width:100%;max-width:100%;text-align:center;color:#FFFFFF;}.elementor-2998 .elementor-element.elementor-element-4b3c576 .elementor-button{background-color:#F4D21F;font-family:"Ropa Sans", Sans-serif;font-size:1em;font-weight:600;line-height:1em;letter-spacing:1px;fill:#000000;color:#000000;border-radius:8px 8px 8px 8px;}.elementor-2998 .elementor-element.elementor-element-4b3c576 .elementor-button:hover, .elementor-2998 .elementor-element.elementor-element-4b3c576 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-2998 .elementor-element.elementor-element-4b3c576{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-4b3c576 .elementor-button:hover svg, .elementor-2998 .elementor-element.elementor-element-4b3c576 .elementor-button:focus svg{fill:#000000;}.elementor-2998 .elementor-element.elementor-element-f3bbcf7{--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;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--overlay-opacity:0.46;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2998 .elementor-element.elementor-element-f3bbcf7::before, .elementor-2998 .elementor-element.elementor-element-f3bbcf7 > .elementor-background-video-container::before, .elementor-2998 .elementor-element.elementor-element-f3bbcf7 > .e-con-inner > .elementor-background-video-container::before, .elementor-2998 .elementor-element.elementor-element-f3bbcf7 > .elementor-background-slideshow::before, .elementor-2998 .elementor-element.elementor-element-f3bbcf7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2998 .elementor-element.elementor-element-f3bbcf7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-2998 .elementor-element.elementor-element-07af140{text-align:center;}.elementor-2998 .elementor-element.elementor-element-07af140 .elementor-heading-title{color:var( --e-global-color-accent );}.elementor-2998 .elementor-element.elementor-element-e4b75be{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-2998 .elementor-element.elementor-element-e4b75be .elementor-divider-separator{width:26%;margin:0 auto;margin-center:0;}.elementor-2998 .elementor-element.elementor-element-e4b75be .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2998 .elementor-element.elementor-element-5bf71e2{--display:flex;}.elementor-2998 .elementor-element.elementor-element-88efb1f{width:100%;max-width:100%;color:#000000;}.elementor-2998 .elementor-element.elementor-element-8093254{--display:flex;}.elementor-2998 .elementor-element.elementor-element-5f19d4c{width:100%;max-width:100%;color:#000000;}.elementor-2998 .elementor-element.elementor-element-d2175d9{--display:flex;}.elementor-2998 .elementor-element.elementor-element-ecce2ba{width:100%;max-width:100%;color:#000000;}.elementor-2998 .elementor-element.elementor-element-18e1bf6{--n-accordion-title-font-size:27px;width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-active-color:var( --e-global-color-accent );--n-accordion-icon-size:15px;}.elementor-2998 .elementor-element.elementor-element-18e1bf6.elementor-element{--align-self:center;}:where( .elementor-2998 .elementor-element.elementor-element-18e1bf6 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:600;}.elementor-2998 .elementor-element.elementor-element-ce6388a:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-ce6388a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D1CCB7;}.elementor-2998 .elementor-element.elementor-element-ce6388a > .elementor-container{max-width:900px;}.elementor-2998 .elementor-element.elementor-element-ce6388a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2998 .elementor-element.elementor-element-ce6388a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-600bb8d:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2998 .elementor-element.elementor-element-600bb8d > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D1CCB7;}.elementor-2998 .elementor-element.elementor-element-600bb8d > .elementor-element-populated, .elementor-2998 .elementor-element.elementor-element-600bb8d > .elementor-element-populated > .elementor-background-overlay, .elementor-2998 .elementor-element.elementor-element-600bb8d > .elementor-background-slideshow{border-radius:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-600bb8d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 30px 40px 30px;}.elementor-2998 .elementor-element.elementor-element-600bb8d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-7d208a0{text-align:center;}.elementor-2998 .elementor-element.elementor-element-7d208a0 img{width:50%;}.elementor-2998 .elementor-element.elementor-element-b7f7f01{width:100%;max-width:100%;text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:#000000;}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-icon i{color:#968228;transition:color 0.3s;}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-icon svg{fill:#968228;transition:fill 0.3s;}.elementor-2998 .elementor-element.elementor-element-44bf34b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-item > a{font-family:"Open Sans", Sans-serif;font-size:0.9em;font-weight:500;line-height:1.9em;}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-2998 .elementor-element.elementor-element-44bf34b .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-accent );}.elementor-2998 .elementor-element.elementor-element-ff6c89c{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:15px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-2998 .elementor-element.elementor-element-ff6c89c .elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-2998 .elementor-element.elementor-element-ff6c89c .elementor-social-icon:hover{background-color:var( --e-global-color-accent );}.elementor-2998 .elementor-element.elementor-element-97de249 > .elementor-background-overlay{background-image:url("https://salafacademy.org/wp-content/uploads/2026/07/pattern-1.png");opacity:0.06;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2998 .elementor-element.elementor-element-97de249{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:20px 0px 20px 0px;}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-f957bd1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-f957bd1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-f957bd1.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-f957bd1 > .elementor-element-populated{padding:0px 0px 0px 15px;}.elementor-2998 .elementor-element.elementor-element-254bc69{width:auto;max-width:auto;text-align:start;}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-9c6a632.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-9c6a632.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-9c6a632.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-9c6a632 > .elementor-element-populated{padding:0px 015px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-2ec2ab2{width:auto;max-width:auto;text-align:end;}@media(max-width:1024px){.elementor-2998 .elementor-element.elementor-element-d80d7f3{--e-n-carousel-swiper-slides-to-display:2;}.elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-2998 .elementor-element.elementor-element-b7f7f01{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(min-width:768px){.elementor-2998 .elementor-element.elementor-element-d1db69e{width:70%;}.elementor-2998 .elementor-element.elementor-element-e4c8e47{width:30%;}.elementor-2998 .elementor-element.elementor-element-e621aae{width:15%;}.elementor-2998 .elementor-element.elementor-element-cc2429b{width:64.332%;}.elementor-2998 .elementor-element.elementor-element-5c95dc1{width:20%;}.elementor-2998 .elementor-element.elementor-element-ce2f356{--content-width:1000px;}.elementor-2998 .elementor-element.elementor-element-25a7c1a{--width:50%;}.elementor-2998 .elementor-element.elementor-element-ad5974e{--width:100%;}.elementor-2998 .elementor-element.elementor-element-9890888{--width:50%;}.elementor-2998 .elementor-element.elementor-element-a12006a{--width:50%;}.elementor-2998 .elementor-element.elementor-element-42f4d35{--content-width:1100px;}.elementor-2998 .elementor-element.elementor-element-0c27349{--width:33.33%;}.elementor-2998 .elementor-element.elementor-element-1e834b4{--width:33.33%;}.elementor-2998 .elementor-element.elementor-element-9cfd190{--width:33.33%;}.elementor-2998 .elementor-element.elementor-element-28e4c6b{--width:33.33%;}.elementor-2998 .elementor-element.elementor-element-c797932{--content-width:1000px;}.elementor-2998 .elementor-element.elementor-element-92be498{--width:50%;}.elementor-2998 .elementor-element.elementor-element-8d6fcbb{--width:50%;}.elementor-2998 .elementor-element.elementor-element-9ae5b89{--width:100%;}.elementor-2998 .elementor-element.elementor-element-32bb209{--width:50%;}.elementor-2998 .elementor-element.elementor-element-77c3c5e{--width:50%;}.elementor-2998 .elementor-element.elementor-element-b3ef905{--content-width:1000px;}.elementor-2998 .elementor-element.elementor-element-b7b4b92{--width:50%;}.elementor-2998 .elementor-element.elementor-element-e5c66be{--width:50%;}.elementor-2998 .elementor-element.elementor-element-d0b1e20{--width:50%;}.elementor-2998 .elementor-element.elementor-element-e2a97d7{--width:50%;}.elementor-2998 .elementor-element.elementor-element-0a42c6b{--width:30%;}.elementor-2998 .elementor-element.elementor-element-e1797e1{--width:70%;}.elementor-2998 .elementor-element.elementor-element-8c6cae0{--content-width:1000px;}.elementor-2998 .elementor-element.elementor-element-48418dd{--width:80%;}.elementor-2998 .elementor-element.elementor-element-600bb8d{width:100%;}.elementor-2998 .elementor-element.elementor-element-f957bd1{width:70%;}.elementor-2998 .elementor-element.elementor-element-9c6a632{width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2998 .elementor-element.elementor-element-e621aae{width:20%;}.elementor-2998 .elementor-element.elementor-element-cc2429b{width:55%;}.elementor-2998 .elementor-element.elementor-element-5c95dc1{width:25%;}}@media(min-width:1025px){.elementor-2998 .elementor-element.elementor-element-ce2f356:not(.elementor-motion-effects-element-type-background), .elementor-2998 .elementor-element.elementor-element-ce2f356 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-2998 .elementor-element.elementor-element-d1db69e{width:71%;}.elementor-2998 .elementor-element.elementor-element-aaee0ee{padding:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-e4c8e47{width:28%;}.elementor-2998 .elementor-element.elementor-element-b3c43c0{text-align:center;--grid-column-gap:5px;--grid-row-gap:5px;}.elementor-2998 .elementor-element.elementor-element-97e4146{margin-top:0px;margin-bottom:0px;padding:3px 3px 3px 3px;}.elementor-2998 .elementor-element.elementor-element-e621aae{width:46%;}.elementor-2998 .elementor-element.elementor-element-cc2429b{width:10%;}.elementor-2998 .elementor-element.elementor-element-5c95dc1{width:43%;}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-5c95dc1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-5c95dc1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-5c95dc1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2998 .elementor-element.elementor-element-5c95dc1 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-2998 .elementor-element.elementor-element-9bcd61e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-1f81879{margin-top:0px;margin-bottom:0px;padding:3px 3px 3px 3px;}.elementor-2998 .elementor-element.elementor-element-900ac94{width:50%;}.elementor-2998 .elementor-element.elementor-element-15a7858{width:50%;}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-15a7858.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-15a7858.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-15a7858.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2998 .elementor-element.elementor-element-15a7858 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-2998 .elementor-element.elementor-element-bce6516{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2998 .elementor-element.elementor-element-ce2f356{--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-2998 .elementor-element.elementor-element-f2356f3{width:100%;max-width:100%;text-align:center;}.elementor-2998 .elementor-element.elementor-element-b9ff274{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-2998 .elementor-element.elementor-element-ad5974e{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2998 .elementor-element.elementor-element-9890888{--width:100%;}.elementor-2998 .elementor-element.elementor-element-a12006a{--width:100%;}.elementor-2998 .elementor-element.elementor-element-42f4d35{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-2998 .elementor-element.elementor-element-9ae5b89{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2998 .elementor-element.elementor-element-32bb209{--width:100%;}.elementor-2998 .elementor-element.elementor-element-77c3c5e{--width:100%;}.elementor-2998 .elementor-element.elementor-element-efd2125 .elementor-counter-number-wrapper{font-size:3em;}.elementor-2998 .elementor-element.elementor-element-76eb5cc .elementor-counter-number-wrapper{font-size:3em;}.elementor-2998 .elementor-element.elementor-element-b9f2e52 .elementor-counter-number-wrapper{font-size:3em;}.elementor-2998 .elementor-element.elementor-element-9af2dc5 .elementor-counter-number-wrapper{font-size:3em;}.elementor-2998 .elementor-element.elementor-element-1aa44d2 .elementor-counter-number-wrapper{font-size:3em;}.elementor-2998 .elementor-element.elementor-element-7413003 .elementor-counter-number-wrapper{font-size:3em;}.elementor-2998 .elementor-element.elementor-element-d80d7f3{--e-n-carousel-swiper-slides-to-display:1;}.elementor-2998 .elementor-element.elementor-element-ef6fbc4{padding:0px 0px 0px 0px;}.elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2998 .elementor-element.elementor-element-ef6fbc4 .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-2998 .elementor-element.elementor-element-d0b1e20{--width:47%;}.elementor-2998 .elementor-element.elementor-element-e2a97d7{--width:45%;}.elementor-2998 .elementor-element.elementor-element-46c3359{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2998 .elementor-element.elementor-element-b7f7f01{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}.elementor-2998 .elementor-element.elementor-element-97de249{padding:15px 0px 15px 0px;}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-f957bd1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-f957bd1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-f957bd1.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-2998 .elementor-element.elementor-element-254bc69{text-align:start;}.elementor-bc-flex-widget .elementor-2998 .elementor-element.elementor-element-9c6a632.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2998 .elementor-element.elementor-element-9c6a632.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2998 .elementor-element.elementor-element-9c6a632.elementor-column > .elementor-widget-wrap{justify-content:flex-end;}.elementor-2998 .elementor-element.elementor-element-2ec2ab2{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-24193f9 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-24193f9{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-24193f9::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-24193f9::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-24193f9 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-24193f9{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-24193f9{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0183540 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-0183540{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-0183540::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-0183540::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-0183540 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-0183540{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-0183540{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-0183540::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-0183540::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f68a2f *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-9f68a2f > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76872f6 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-76872f6{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-76872f6::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-76872f6::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-76872f6 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-76872f6{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-76872f6{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23baacf *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-23baacf{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-23baacf::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-23baacf::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-23baacf > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-23baacf{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-23baacf{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09a7ac2 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-09a7ac2 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24193f9 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-24193f9{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-24193f9::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-24193f9::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-24193f9 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-24193f9{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-24193f9{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0183540 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-0183540{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-0183540::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-0183540::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-0183540 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-0183540{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-0183540{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-0183540::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-0183540::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f68a2f *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-9f68a2f > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76872f6 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-76872f6{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-76872f6::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-76872f6::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-76872f6 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-76872f6{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-76872f6{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23baacf *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-23baacf{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-23baacf::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-23baacf::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-23baacf > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-23baacf{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-23baacf{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09a7ac2 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-09a7ac2 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24193f9 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-24193f9{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-24193f9::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-24193f9::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-24193f9 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-24193f9{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-24193f9{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0183540 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-0183540{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-0183540::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-0183540::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-0183540 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-0183540{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-0183540{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-0183540::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-0183540::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f68a2f *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-9f68a2f > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76872f6 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-76872f6{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-76872f6::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-76872f6::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-76872f6 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-76872f6{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-76872f6{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23baacf *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-23baacf{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-23baacf::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-23baacf::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-23baacf > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-23baacf{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-23baacf{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09a7ac2 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-09a7ac2 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24193f9 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-24193f9{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-24193f9::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-24193f9::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-24193f9 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-24193f9{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-24193f9{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0183540 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-0183540{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-0183540::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-0183540::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-0183540 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-0183540{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-0183540{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-0183540::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-0183540::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f68a2f *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-9f68a2f > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76872f6 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-76872f6{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-76872f6::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-76872f6::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-76872f6 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-76872f6{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-76872f6{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23baacf *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-23baacf{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-23baacf::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-23baacf::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-23baacf > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-23baacf{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-23baacf{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09a7ac2 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-09a7ac2 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24193f9 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-24193f9{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-24193f9::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-24193f9::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-24193f9 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-24193f9{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-24193f9{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0183540 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-0183540{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-0183540::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-0183540::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-0183540 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-0183540{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-0183540{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-0183540::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-0183540::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f68a2f *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-9f68a2f > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76872f6 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-76872f6{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-76872f6::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-76872f6::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-76872f6 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-76872f6{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-76872f6{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23baacf *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-23baacf{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-23baacf::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-23baacf::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-23baacf > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-23baacf{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-23baacf{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09a7ac2 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-09a7ac2 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24193f9 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-24193f9{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-24193f9::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-24193f9::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-24193f9 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-24193f9{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-24193f9{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0183540 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-0183540{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-0183540::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-0183540::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-0183540 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-0183540{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-0183540{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-0183540::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-0183540::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f68a2f *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-9f68a2f > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76872f6 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-76872f6{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-76872f6::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-76872f6::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-76872f6 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-76872f6{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-76872f6{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23baacf *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-23baacf{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-23baacf::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-23baacf::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-23baacf > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-23baacf{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-23baacf{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09a7ac2 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-09a7ac2 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-24193f9 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-24193f9{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-24193f9::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-24193f9::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-24193f9 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-24193f9{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-24193f9{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-24193f9::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0183540 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-0183540{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-0183540::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color:rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.55); animation: moonFloat 8s ease infinite; z-index:1; } /* Transparent Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-0183540::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; /* removed gray texture */ background: linear-gradient( to top, rgba(240,172,14,.12), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); opacity:.95; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-0183540 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-0183540{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.10), transparent 40% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon Animation */ @keyframes moonFloat{ 0%{ transform:translateY(0); } 50%{ transform:translateY(-12px); } 100%{ transform:translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-0183540{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-0183540::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-0183540::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f68a2f *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-9f68a2f > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-9f68a2f{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-9f68a2f::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76872f6 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-76872f6{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-76872f6::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-76872f6::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-76872f6 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-76872f6{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-76872f6{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-76872f6::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-23baacf *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-23baacf{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-23baacf::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-23baacf::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-23baacf > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-23baacf{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-23baacf{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-23baacf::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-09a7ac2 *//* Islamic Inner Container */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ position:relative; overflow:hidden; background: linear-gradient( 135deg, #072513, #0E3B1D ); border-radius:50px; padding:0px 20px; box-shadow: 0 20px 80px rgba(0,0,0,.18); } /* Half Moon */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ content:"☾"; position:absolute; top:40px; right:80px; font-size:170px; color: rgba(240,172,14,.22); text-shadow: 0 0 30px rgba(240,172,14,.6); animation: moonFloat 8s ease infinite; z-index:1; } /* Masjid Silhouette */ .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:260px; background: url("https://www.transparenttextures.com/patterns/arabesque.png"), linear-gradient( to top, rgba(0,0,0,.18), transparent ); clip-path:polygon( 0 100%, 0 72%, 10% 72%, 14% 40%, 18% 72%, 26% 72%, 31% 48%, 36% 72%, 45% 72%, 50% 25%, 55% 72%, 64% 72%, 69% 48%, 74% 72%, 82% 72%, 86% 40%, 90% 72%, 100% 72%, 100% 100% ); background-color: rgba(240,172,14,.10); backdrop-filter: blur(2px); opacity:.85; z-index:1; } /* Content */ .elementor-2998 .elementor-element.elementor-element-09a7ac2 > *{ position:relative; z-index:3; } /* Soft Light */ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ background-image: radial-gradient( circle at top right, rgba(240,172,14,.12), transparent 35% ), linear-gradient( 135deg, #072513, #0E3B1D ); } /* Moon animation */ @keyframes moonFloat{ 0%{ transform: translateY(0); } 50%{ transform: translateY(-12px); } 100%{ transform: translateY(0); } } @media(max-width:767px){ .elementor-2998 .elementor-element.elementor-element-09a7ac2{ padding:50px 25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::before{ font-size:110px; top:25px; right:25px; } .elementor-2998 .elementor-element.elementor-element-09a7ac2::after{ height:170px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d889e48 */.donate-btn { background: #f4d21f; color: #000; font-size: 18px; font-weight: 700; padding: 1px 40px; border: none; border-radius: 5px; cursor: pointer; animation: blink 1s infinite; } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }/* End custom CSS */