.elementor-3508 .elementor-element.elementor-element-4ef1c950:not(.elementor-motion-effects-element-type-background), .elementor-3508 .elementor-element.elementor-element-4ef1c950 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://al-hudaquranic.com/wp-content/uploads/2019/10/469201837-Quran-open-on-stand-near-mosque-floor-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3508 .elementor-element.elementor-element-4ef1c950 > .elementor-background-overlay{background-color:var( --e-global-color-accent );opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3508 .elementor-element.elementor-element-4ef1c950 > .elementor-container{min-height:40vh;}.elementor-3508 .elementor-element.elementor-element-4ef1c950{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-3508 .elementor-element.elementor-element-563a5c5f > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-3508 .elementor-element.elementor-element-5e8ab765{text-align:center;}.elementor-3508 .elementor-element.elementor-element-1fc9ecaa{text-align:center;color:var( --e-global-color-primary );}.elementor-3508 .elementor-element.elementor-element-f3d29f8{--display:flex;}.elementor-3508 .elementor-element.elementor-element-30e0f72{text-align:center;}.elementor-3508 .elementor-element.elementor-element-9d8dcab{z-index:1;text-align:center;}.elementor-3508 .elementor-element.elementor-element-6a06466{--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;}.elementor-3508 .elementor-element.elementor-element-6a06466:not(.elementor-motion-effects-element-type-background), .elementor-3508 .elementor-element.elementor-element-6a06466 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-669f8261{--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-3508 .elementor-element.elementor-element-8c332a .elementor-cta .elementor-cta__bg, .elementor-3508 .elementor-element.elementor-element-8c332a .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-3508 .elementor-element.elementor-element-8c332a .elementor-cta__content{text-align:center;background-color:#7A7B73;}.elementor-3508 .elementor-element.elementor-element-8c332a .elementor-view-stacked .elementor-icon{background-color:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-8c332a .elementor-view-stacked .elementor-icon svg{stroke:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-8c332a .elementor-view-framed .elementor-icon, .elementor-3508 .elementor-element.elementor-element-8c332a .elementor-view-default .elementor-icon{color:#E2AC00;border-color:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-8c332a .elementor-view-framed .elementor-icon, .elementor-3508 .elementor-element.elementor-element-8c332a .elementor-view-default .elementor-icon svg{fill:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-8c332a .elementor-cta__title{color:#F2F2F2;}.elementor-3508 .elementor-element.elementor-element-8c332a .elementor-cta__description{color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-8c332a .elementor-cta__button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-10a49e77{--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-3508 .elementor-element.elementor-element-404f17b4 .elementor-cta .elementor-cta__bg, .elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-cta__content{text-align:center;background-color:#7A7B73;}.elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-view-stacked .elementor-icon{background-color:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-view-stacked .elementor-icon svg{stroke:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-view-framed .elementor-icon, .elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-view-default .elementor-icon{color:#E2AC00;border-color:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-view-framed .elementor-icon, .elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-view-default .elementor-icon svg{fill:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-cta__title{color:#F2F2F2;}.elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-cta__description{color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-404f17b4 .elementor-cta__button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-58be25e5{--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-3508 .elementor-element.elementor-element-63b25479 .elementor-cta .elementor-cta__bg, .elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-cta__content{text-align:center;background-color:#7A7B73;}.elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-view-stacked .elementor-icon{background-color:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-view-stacked .elementor-icon svg{stroke:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-view-framed .elementor-icon, .elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-view-default .elementor-icon{color:#E2AC00;border-color:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-view-framed .elementor-icon, .elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-view-default .elementor-icon svg{fill:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-cta__title{color:#F2F2F2;}.elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-cta__description{color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-63b25479 .elementor-cta__button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-2bf41afe{--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-3508 .elementor-element.elementor-element-5c79d572 .elementor-cta .elementor-cta__bg, .elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-cta__content{text-align:center;background-color:#7A7B73;}.elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-view-stacked .elementor-icon{background-color:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-view-stacked .elementor-icon svg{stroke:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-view-framed .elementor-icon, .elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-view-default .elementor-icon{color:#E2AC00;border-color:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-view-framed .elementor-icon, .elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-view-default .elementor-icon svg{fill:#E2AC00;}.elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-cta__title{color:#F2F2F2;}.elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-cta__description{color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-5c79d572 .elementor-cta__button{color:#FFFFFF;border-color:#FFFFFF;}.elementor-3508 .elementor-element.elementor-element-24bfc17{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-3508 .elementor-element.elementor-element-d641706:not(.elementor-motion-effects-element-type-background), .elementor-3508 .elementor-element.elementor-element-d641706 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://al-hudaquranic.com/wp-content/uploads/2025/11/koran-holy-book-muslims-public-item-all-muslims-table.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3508 .elementor-element.elementor-element-d641706 > .elementor-background-overlay{background-color:var( --e-global-color-b42efac );opacity:0.65;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3508 .elementor-element.elementor-element-d641706 > .elementor-container{min-height:40vh;}.elementor-3508 .elementor-element.elementor-element-d641706{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-bc-flex-widget .elementor-3508 .elementor-element.elementor-element-374fdc2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3508 .elementor-element.elementor-element-374fdc2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3508 .elementor-element.elementor-element-374fdc2 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-3508 .elementor-element.elementor-element-301807a{z-index:1;text-align:left;}.elementor-3508 .elementor-element.elementor-element-0b0f4e1{--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;}.elementor-bc-flex-widget .elementor-3508 .elementor-element.elementor-element-5661037.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-3508 .elementor-element.elementor-element-5661037.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-3508 .elementor-element.elementor-element-5661037 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3508 .elementor-element.elementor-element-64ae7b9 > .elementor-widget-container{margin:-20% 0% 0% 0%;}.elementor-3508 .elementor-element.elementor-element-64ae7b9{z-index:0;}@media(max-width:1024px){.elementor-3508 .elementor-element.elementor-element-64ae7b9 > .elementor-widget-container{margin:0% 0% 0% 0%;}}@media(min-width:768px){.elementor-3508 .elementor-element.elementor-element-669f8261{--width:25%;}.elementor-3508 .elementor-element.elementor-element-10a49e77{--width:25%;}.elementor-3508 .elementor-element.elementor-element-58be25e5{--width:25%;}.elementor-3508 .elementor-element.elementor-element-2bf41afe{--width:25%;}.elementor-3508 .elementor-element.elementor-element-374fdc2{width:70%;}.elementor-3508 .elementor-element.elementor-element-5661037{width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3508 .elementor-element.elementor-element-374fdc2{width:65%;}.elementor-3508 .elementor-element.elementor-element-5661037{width:35%;}}@media(min-width:1025px){.elementor-3508 .elementor-element.elementor-element-d641706:not(.elementor-motion-effects-element-type-background), .elementor-3508 .elementor-element.elementor-element-d641706 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:767px){.elementor-3508 .elementor-element.elementor-element-301807a{text-align:center;}}/* Start custom CSS for container, class: .elementor-element-669f8261 */.elementor-3508 .elementor-element.elementor-element-669f8261 .elementor-cta__bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}
.elementor-3508 .elementor-element.elementor-element-669f8261 .elementor-cta__content {
    width: 78% !important;      /* make text area narrower */
    margin: 0 auto !important;  /* center it */
    border-radius: 14px !important; /* rounded edges */
    padding: 25px 20px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-10a49e77 */.elementor-3508 .elementor-element.elementor-element-10a49e77 .elementor-cta__bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}
.elementor-3508 .elementor-element.elementor-element-10a49e77 .elementor-cta__content {
    width: 78% !important;      /* make text area narrower */
    margin: 0 auto !important;  /* center it */
    border-radius: 14px !important; /* rounded edges */
    padding: 25px 20px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-58be25e5 */.elementor-3508 .elementor-element.elementor-element-58be25e5 .elementor-cta__bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}
.elementor-3508 .elementor-element.elementor-element-58be25e5 .elementor-cta__content {
    width: 78% !important;      /* make text area narrower */
    margin: 0 auto !important;  /* center it */
    border-radius: 14px !important; /* rounded edges */
    padding: 25px 20px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2bf41afe */.elementor-3508 .elementor-element.elementor-element-2bf41afe .elementor-cta__bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}
.elementor-3508 .elementor-element.elementor-element-2bf41afe .elementor-cta__content {
    width: 78% !important;      /* make text area narrower */
    margin: 0 auto !important;  /* center it */
    border-radius: 14px !important; /* rounded edges */
    padding: 25px 20px !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d0b5c4 */.pillars-section {
    background: url('your-golden-mosque-image.jpg') center/cover no-repeat;
    padding: 80px 20px;
    color: #fff;
    text-align: center;
    position: relative;
}

.pillars-section::before {
    content: "";
    position: absolute;
    inset: 0;

    backdrop-filter: blur(2px);
}

.pillars-section * {
    position: relative;
    z-index: 2;
}

.pillars-heading h2 {
    font-size: 42px;
    font-weight: 700;
    color: #f8d37a; /* golden */
    text-shadow: 0 0 10px #000;
}

.pillars-heading p {
    font-size: 18px;
    margin-bottom: 40px;
    opacity: .9;
}

.pillars-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.pillar {
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #f8d37a;
    box-shadow: 0 0 15px rgba(248, 211, 122, .4);
    width: 240px;
    padding: 20px;
    border-radius: 15px;
    transition: 0.3s;
}

.pillar-icon {
    font-size: 40px;
    margin-bottom: 10px;
}

.pillar h3 {
    font-size: 22px;
    font-weight: 600;
    color: #f8d37a;
}

.pillar p {
    font-size: 15px;
    opacity: 0.9;
}

.pillar:hover {
    transform: translateY(-8px);
    box-shadow: 0 0 20px rgba(248, 211, 122, .7);
}/* End custom CSS */