.elementor-10 .elementor-element.elementor-element-cc98853{--display:flex;--min-height:612px;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:#5DBA8E;--border-color:#5DBA8E;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-cc98853:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-cc98853 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-46802c7{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-46fa0e0 .elementor-repeater-item-136bcf4 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://hijazfoundation.org/wp-content/uploads/2025/10/Mecca-Great-Mosque_H_01.webp);background-size:cover;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .elementor-repeater-item-860cdba .swiper-slide-bg{background-color:#4054b2;background-image:url(https://hijazfoundation.org/wp-content/uploads/2025/11/homepage_banner.webp);background-size:cover;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .elementor-repeater-item-d653548 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://hijazfoundation.org/wp-content/uploads/2025/11/PHOTO-2023-08-11-11-10-10-2.jpg);background-size:cover;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .elementor-repeater-item-0f22b96 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://hijazfoundation.org/wp-content/uploads/2025/11/PHOTO-2025-11-17-18-45-58.jpg);background-size:cover;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .elementor-repeater-item-ccf2fd0 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://hijazfoundation.org/wp-content/uploads/2025/11/PHOTO-2025-11-17-18-45-58-1-1.jpg);background-size:cover;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .swiper-slide{transition-duration:calc(5000ms*1.2);height:608px;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .elementor-slide-button{background-color:#68AE69;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;border-radius:30px;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-46fa0e0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;top:0px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-46fa0e0{left:0px;}body.rtl .elementor-10 .elementor-element.elementor-element-46fa0e0{right:0px;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .swiper-slide-contents{max-width:100%;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .swiper-slide-inner{padding:0px 0px 0px 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-46fa0e0 .elementor-slide-heading{font-family:"Roboto", Sans-serif;font-size:90px;font-weight:800;}.elementor-10 .elementor-element.elementor-element-3825f63{--display:flex;--min-height:0px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.65;}.elementor-10 .elementor-element.elementor-element-3825f63::before, .elementor-10 .elementor-element.elementor-element-3825f63 > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-3825f63 > .e-con-inner > .elementor-background-video-container::before, .elementor-10 .elementor-element.elementor-element-3825f63 > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-3825f63 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10 .elementor-element.elementor-element-3825f63 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-10 .elementor-element.elementor-element-539df84{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-539df84.e-con{--align-self:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-5b4b243{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-5b4b243 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:800;letter-spacing:0px;color:#5DBA8E;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-10 .elementor-element.elementor-element-553cc02{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10 .elementor-element.elementor-element-553cc02.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10 .elementor-element.elementor-element-70ab4a7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-10 .elementor-element.elementor-element-70ab4a7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:800;color:#5DBA8E;}.elementor-10 .elementor-element.elementor-element-3db6ae8{--display:flex;}.elementor-10 .elementor-element.elementor-element-3db6ae8:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-3db6ae8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#364655;}.elementor-10 .elementor-element.elementor-element-7b914d4{--display:grid;--e-con-grid-template-columns:repeat(10, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-10 .elementor-element.elementor-element-0ed7ec1{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-0ed7ec1.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-0ed7ec1.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-0ed7ec1.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-0ed7ec1 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-0ed7ec1 .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-0ed7ec1 .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-0ed7ec1 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-10 .elementor-element.elementor-element-8979752{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-8979752.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8979752.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-8979752.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-8979752 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-8979752 .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-8979752 .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7757574{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-7757574.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7757574.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-7757574.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-7757574 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-7757574 .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-7757574 .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-787b27a{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-787b27a.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-787b27a.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-787b27a.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-787b27a .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-787b27a .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-787b27a .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-527afac{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-527afac.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-527afac.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-527afac.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-527afac .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-527afac .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-527afac .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-d974c6d{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-d974c6d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-d974c6d.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-d974c6d.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-d974c6d .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-d974c6d .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-d974c6d .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-b425ef8{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-b425ef8.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-b425ef8.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-b425ef8.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-b425ef8 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-b425ef8 .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-b425ef8 .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-e5151ff{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-e5151ff.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-e5151ff.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-e5151ff.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-e5151ff .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-e5151ff .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-e5151ff .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-29b9ea5{--icon-box-icon-margin:15px;}.elementor-10 .elementor-element.elementor-element-29b9ea5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-29b9ea5.elementor-view-framed .elementor-icon, .elementor-10 .elementor-element.elementor-element-29b9ea5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-29b9ea5 .elementor-icon-box-title, .elementor-10 .elementor-element.elementor-element-29b9ea5 .elementor-icon-box-title a{font-family:"Bebas Neue", Sans-serif;font-weight:600;}.elementor-10 .elementor-element.elementor-element-29b9ea5 .elementor-icon-box-title{color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-08d960b{--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-10 .elementor-element.elementor-element-f88652d{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-10 .elementor-element.elementor-element-4fae0e4{--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-10 .elementor-element.elementor-element-4fae0e4:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-4fae0e4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#374654;}.elementor-10 .elementor-element.elementor-element-868b3fe{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10 .elementor-element.elementor-element-017c779{--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-10 .elementor-element.elementor-element-86f47b2 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-3ded392{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10 .elementor-element.elementor-element-c1b5c28 .elementor-button{background-color:#5DBA8E;padding:17.33px 29.54px 17.33px 29.54px;}.elementor-10 .elementor-element.elementor-element-d31187e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-dd17f13{--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-10 .elementor-element.elementor-element-d18c542 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-10 .elementor-element.elementor-element-e922de2{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-10 .elementor-element.elementor-element-50aa8f5 .elementor-button{background-color:#5DBA8E;padding:17.33px 29.54px 17.33px 29.54px;}.elementor-10 .elementor-element.elementor-element-1f43625{--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-10 .elementor-element.elementor-element-f00133c{--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-10 .elementor-element.elementor-element-b28ffd9{--display:flex;--justify-content:space-evenly;}.elementor-10 .elementor-element.elementor-element-b28ffd9.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-10 .elementor-element.elementor-element-e924c05{text-align:center;}.elementor-10 .elementor-element.elementor-element-e924c05 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:52px;font-weight:800;-webkit-text-stroke-color:#000;stroke:#000;color:#5DBA8E;}.elementor-10 .elementor-element.elementor-element-6ce59b2{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-1a0d3fb .elementor-button-content-wrapper{flex-direction:row;}.elementor-10 .elementor-element.elementor-element-1a0d3fb .elementor-button{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:800;border-radius:10px 10px 10px 10px;padding:42px 0px 42px 0px;}.elementor-10 .elementor-element.elementor-element-3021fbc .elementor-button-content-wrapper{flex-direction:row;}.elementor-10 .elementor-element.elementor-element-3021fbc .elementor-button{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:800;border-radius:10px 10px 10px 10px;padding:042px 0px 42px 0px;}.elementor-10 .elementor-element.elementor-element-da8abb8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-10 .elementor-element.elementor-element-da8abb8 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-10 .elementor-element.elementor-element-da8abb8 .elementor-button{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:800;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:10px 10px 10px 10px;padding:030px 0px 30px 0px;}.elementor-10 .elementor-element.elementor-element-4cd7d14 .elementor-button-content-wrapper{flex-direction:row;}.elementor-10 .elementor-element.elementor-element-4cd7d14 .elementor-button{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:800;border-radius:10px 10px 10px 10px;padding:42px 0px 42px 0px;}.elementor-10 .elementor-element.elementor-element-7b2bfdc .elementor-button-content-wrapper{flex-direction:row;}.elementor-10 .elementor-element.elementor-element-7b2bfdc .elementor-button{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:800;border-radius:10px 10px 10px 10px;padding:42px 0px 42px 0px;}.elementor-10 .elementor-element.elementor-element-2e410f2{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-2e410f2:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2e410f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F6;}.elementor-10 .elementor-element.elementor-element-bfb34f6{--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-10 .elementor-element.elementor-element-7bf6896{--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-10 .elementor-element.elementor-element-4c85b08 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-10 .elementor-element.elementor-element-f40a8db{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-10 .elementor-element.elementor-element-94f7ab5 .elementor-button{background-color:#5DBA8E;padding:17.33px 29.54px 17.33px 29.54px;}.elementor-10 .elementor-element.elementor-element-d2dbc80{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-d2dbc80:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d2dbc80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-9e50c3f{--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-10 .elementor-element.elementor-element-469834f{--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-10 .elementor-element.elementor-element-e45ccc4 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-10 .elementor-element.elementor-element-ec249ae{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-10 .elementor-element.elementor-element-d3e3f63 .elementor-button{background-color:#5DBA8E;padding:17.33px 29.54px 17.33px 29.54px;}.elementor-10 .elementor-element.elementor-element-d83232a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10 .elementor-element.elementor-element-d83232a:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-d83232a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10 .elementor-element.elementor-element-6f6de94{--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-10 .elementor-element.elementor-element-2ad289d{--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-10 .elementor-element.elementor-element-4c72a79 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#000000;}.elementor-10 .elementor-element.elementor-element-11749e8{font-family:"Open Sans", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-10 .elementor-element.elementor-element-1f468af .elementor-button{background-color:#5DBA8E;padding:17.33px 29.54px 17.33px 29.54px;}.elementor-10 .elementor-element.elementor-element-1e685d0{--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-10 .elementor-element.elementor-element-1e685d0:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-1e685d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hijazfoundation.org/wp-content/uploads/2025/10/hadees_bg.jpg");}.elementor-10 .elementor-element.elementor-element-dfbf0e2 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-10 .elementor-element.elementor-element-dfbf0e2 .swiper-slide-contents{max-width:100%;}.elementor-10 .elementor-element.elementor-element-dfbf0e2 .swiper-slide-inner{text-align:center;}.elementor-10 .elementor-element.elementor-element-095ff68{--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-10 .elementor-element.elementor-element-3a29be7 iframe{height:500px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-10 .elementor-element.elementor-element-7b914d4{--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-6ce59b2{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-cc98853{--width:100%;}.elementor-10 .elementor-element.elementor-element-46802c7{--width:300%;}.elementor-10 .elementor-element.elementor-element-3825f63{--content-width:100%;}.elementor-10 .elementor-element.elementor-element-553cc02{--width:100%;}.elementor-10 .elementor-element.elementor-element-3db6ae8{--content-width:1400px;}.elementor-10 .elementor-element.elementor-element-08d960b{--content-width:1200px;}.elementor-10 .elementor-element.elementor-element-4fae0e4{--content-width:1400px;}.elementor-10 .elementor-element.elementor-element-868b3fe{--width:50%;}.elementor-10 .elementor-element.elementor-element-017c779{--width:50%;}.elementor-10 .elementor-element.elementor-element-d31187e{--content-width:1400px;}.elementor-10 .elementor-element.elementor-element-dd17f13{--width:50%;}.elementor-10 .elementor-element.elementor-element-1f43625{--width:50%;}.elementor-10 .elementor-element.elementor-element-f00133c{--content-width:1200px;}.elementor-10 .elementor-element.elementor-element-2e410f2{--content-width:1200px;}.elementor-10 .elementor-element.elementor-element-bfb34f6{--width:50%;}.elementor-10 .elementor-element.elementor-element-7bf6896{--width:50%;}.elementor-10 .elementor-element.elementor-element-d2dbc80{--content-width:1200px;}.elementor-10 .elementor-element.elementor-element-9e50c3f{--width:50%;}.elementor-10 .elementor-element.elementor-element-469834f{--width:50%;}.elementor-10 .elementor-element.elementor-element-d83232a{--content-width:1200px;}.elementor-10 .elementor-element.elementor-element-6f6de94{--width:50%;}.elementor-10 .elementor-element.elementor-element-2ad289d{--width:50%;}.elementor-10 .elementor-element.elementor-element-1e685d0{--content-width:1200px;}}@media(max-width:767px){.elementor-10 .elementor-element.elementor-element-7b914d4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10 .elementor-element.elementor-element-6ce59b2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-46802c7 *//* Read More Button Styling */ .elementor-button.elementor-slide-button.elementor-size-sm { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); color: #ffffff !important; padding: 15px 40px !important; border-radius: 50px; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 8px 25px rgba(6, 163, 87, 0.4); transition: all 0.3s ease; border: none; display: inline-flex; align-items: center; gap: 10px; } .elementor-button.elementor-slide-button.elementor-size-sm:hover { background: linear-gradient(135deg, #05c46b 0%, #06A357 100%); transform: translateY(-3px); box-shadow: 0 12px 35px rgba(6, 163, 87, 0.5); } .elementor-button.elementor-slide-button.elementor-size-sm:active { transform: translateY(-1px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3825f63 *//* Heading Styles */ .timingprayer { color: #5ba55c !important; font-size: 10px; font-weight: 700; text-align: center; padding-bottom: 5px; border-bottom: 3px solid #5ba55c; text-transform: uppercase; letter-spacing: 2px; position: relative; font-family: 'Georgia', serif; } /* Prayer Timetable Container */ .prayer-timetable { padding: 5px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative; z-index: 1; border-radius: 10px; } .prayer-timetable:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3); } /* Prayer Table Styling */ .prayer-table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border-radius: 10px; } .prayer-table thead { background: linear-gradient(135deg, #55355c 0%, #5ba55c 100%); } .prayer-table thead tr th { color: #ffffff; padding: 14px 12px; font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0px; text-align: center; border: none; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .prayer-table thead tr th:first-child { border-top-left-radius: 10px; } .prayer-table thead tr th:last-child { border-top-right-radius: 10px; } .prayer-table tbody tr { transition: all 0.3s ease; } .prayer-table tbody tr:nth-child(odd) { background: #f8f9fa; } .prayer-table tbody tr:nth-child(even) { background: #ffffff; } .prayer-table tbody tr:hover { background: linear-gradient(90deg, #e8f4f8 0%, #d4eaf2 100%); transform: scale(1.02); box-shadow: 0 4px 15px rgba(58, 175, 169, 0.2); } .prayer-table tbody tr td { padding: 7px 15px; text-align: center; border: none; font-size: 15px; color: #2c3e50; font-weight: 500; } .prayer-table tbody tr td:first-child { font-weight: 700; color: #0f4c75; font-size: 16px; } .prayer-table tbody tr td:last-child { color: #d5ba55c; font-weight: 700; font-size: 17px; } /* Last row bottom radius */ .prayer-table tbody tr:last-child td:first-child { border-bottom-left-radius: 10px; } .prayer-table tbody tr:last-child td:last-child { border-bottom-right-radius: 10px; } /* Remove the general icon rule and replace with specific icons for each prayer */ /* Fajr - Dawn Prayer */ .prayer-table tbody tr:nth-child(1) td:first-child::before { content: '🌅'; margin-right: 8px; font-size: 14px; } /* Dhuhr - Noon Prayer */ .prayer-table tbody tr:nth-child(2) td:first-child::before { content: '☀️'; margin-right: 8px; font-size: 14px; } /* Asr - Afternoon Prayer */ .prayer-table tbody tr:nth-child(3) td:first-child::before { content: '🌤️'; margin-right: 8px; font-size: 14px; } /* Maghrib - Sunset Prayer */ .prayer-table tbody tr:nth-child(4) td:first-child::before { content: '🌇'; margin-right: 8px; font-size: 14px; } /* Isha - Night Prayer */ .prayer-table tbody tr:nth-child(5) td:first-child::before { content: '🌙'; margin-right: 8px; font-size: 14px; } /* Grid Layout for Widgets */ .elementor-element-5b4b243, .elementor-element-70ab4a7 { grid-column: span 1; } .elementor-element-07ae365, .elementor-element-5f82745 { grid-column: span 1; } /* Responsive Design */ @media (max-width: 1024px) { .e-con-full.e-child[data-id="16bd983"] { grid-template-columns: 1fr; padding: 40px 20px; gap: 40px; } .elementor-element-5b4b243, .elementor-element-70ab4a7, .elementor-element-07ae365, .elementor-element-5f82745 { grid-column: span 1; } } @media (max-width: 768px) { .e-con-full.e-child[data-id="16bd983"] { padding: 15px 7px; gap: 10px; } .elementor-heading-title { font-size: 22px; letter-spacing: 1px; } .prayer-timetable { padding: 20px 15px; } .prayer-table thead tr th { padding: 14px 10px; font-size: 14px; } .prayer-table tbody tr td { padding: 12px 10px; font-size: 14px; } .prayer-table tbody tr td:first-child { font-size: 14px; } .prayer-table tbody tr td:last-child { font-size: 15px; } } @media (max-width: 480px) { .timingprayer { font-size: 15px !important; padding-top: 0px; padding-bottom:0px; margin-bottom: 10px; letter-spacing: 1.2px; display: block !important; visibility: visible !important; z-index: 10; } .prayer-timetable { padding: 7px 40px; } .prayer-table thead tr th { padding: 12px 8px; font-size: 13px; letter-spacing: 0.5px; } .prayer-table tbody tr td { padding:8px 8px; font-size: 13px; } .prayer-table tbody tr td:first-child::before { margin-right: 5px; font-size: 12px; } } /* Animation on Load */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .prayer-timetable { animation: fadeInUp 0.6s ease-out; } .elementor-element-07ae365 .prayer-timetable { animation-delay: 0.1s; } .elementor-element-5f82745 .prayer-timetable { animation-delay: 0.2s; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3db6ae8 */.sectionhome-1.elementor-element-3db6ae8 { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); padding: 5px 50px; position: relative; overflow: hidden; } /* Decorative overlay pattern */ .sectionhome-1.elementor-element-3db6ae8::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08) 0%, transparent 50%); pointer-events: none; } /* Grid Layout - EQUAL COLUMNS */ .sectionhome-1 .elementor-element-7b914d4 { display: grid; grid-template-columns: repeat(9, 1fr); gap: 12px; padding: 0px; } /* Icon Box Card - PERFECT SQUARE NO BOTTOM SPACE */ .sectionhome-1 .elementor-widget-icon-box { background: #ffffff; border-radius: 20px; padding: 5px 5px; transition: all 0.35s ease; position: relative; overflow: hidden; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); border: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; } /* Hide any extra content/descriptions */ .sectionhome-1 .elementor-widget-icon-box .elementor-icon-box-description, .sectionhome-1 .elementor-widget-icon-box .elementor-icon-box-button, .sectionhome-1 .elementor-widget-icon-box p, .sectionhome-1 .elementor-widget-icon-box button { display: none !important; visibility: hidden !important; height: 0 !important; opacity: 0 !important; } /* Remove any pseudo-elements */ .sectionhome-1 .elementor-widget-icon-box::after, .sectionhome-1 .elementor-icon-box-wrapper::after, .sectionhome-1 .elementor-icon-box-content::after { display: none !important; content: none !important; } .sectionhome-1 .elementor-widget-icon-box:hover { transform: translateY(-12px); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25); border-color: rgba(255, 255, 255, 0.8); } /* Wrapper - PERFECTLY CENTERED */ .sectionhome-1 .elementor-icon-box-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 18px !important; position: relative; z-index: 2; width: 100%; } /* Icon Container - PERFECTLY CENTERED */ .sectionhome-1 .elementor-icon-box-icon { width: 50px; height: 50px; background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); border-radius: 50%; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.4s ease; position: relative; box-shadow: 0 10px 30px rgba(6, 163, 87, 0.4); z-index: 3; margin: 0 auto; flex-shrink: 0; } /* PERFECTLY CENTERED Background Decorative Circle */ .sectionhome-1 .elementor-icon-box-icon::before { content: ''; position: absolute; width: 100px; height: 100px; background: rgba(6, 163, 87, 0.15); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; transition: all 0.4s ease; } .sectionhome-1 .elementor-widget-icon-box:hover .elementor-icon-box-icon::before { width: 160px; height: 160px; background: rgba(6, 163, 87, 0.2); } /* Animated pulse ring - PERFECTLY CENTERED */ .sectionhome-1 .elementor-icon-box-icon::after { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 3px solid rgba(6, 163, 87, 0.4); animation: pulseRing 2s infinite ease-out; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } @keyframes pulseRing { 0% { transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } } .sectionhome-1 .elementor-widget-icon-box:hover .elementor-icon-box-icon { transform: scale(1.1); box-shadow: 0 15px 40px rgba(6, 163, 87, 0.5); } /* Icon SVG/I styling - PERFECTLY CENTERED */ .sectionhome-1 .elementor-icon { color: #ffffff !important; font-size: 38px !important; line-height: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100%; height: 100%; } .sectionhome-1 .elementor-icon svg, .sectionhome-1 .elementor-icon i { width: 42px !important; height: 42px !important; fill: #ffffff !important; color: #ffffff !important; display: block; margin: 0 auto; } /* Content Area - CENTERED */ .sectionhome-1 .elementor-icon-box-content { width: 100%; text-align: center !important; flex-shrink: 0; margin: 0 !important; padding: 0 !important; } /* CLEAR & BOLD Text Styling */ .sectionhome-1 .elementor-icon-box-title { font-size: 15px !important; font-weight: 800 !important; color: #1a1a1a !important; margin: 0 !important; padding: 0px !important; line-height: 1.1 !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; transition: all 0.3s ease !important; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif !important; display: block !important; visibility: visible !important; opacity: 1 !important; text-align: center !important; text-shadow: none !important; } .sectionhome-1 .elementor-icon-box-title span { display: inline !important; visibility: visible !important; opacity: 1 !important; color: #1a1a1a !important; font-weight: 800 !important; } /* Make title links visible and inherit all styling */ .sectionhome-1 .elementor-icon-box-title a { display: inline !important; visibility: visible !important; opacity: 1 !important; color: inherit !important; text-decoration: none !important; font-weight: inherit !important; font-size: inherit !important; line-height: inherit !important; text-transform: inherit !important; letter-spacing: inherit !important; font-family: inherit !important; transition: all 0.3s ease !important; } /* STRETCHED LINK - Makes entire box clickable */ .sectionhome-1 .elementor-icon-box-title a::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; } .sectionhome-1 .elementor-widget-icon-box:hover .elementor-icon-box-title { color: #06A357 !important; transform: translateY(-2px); } .sectionhome-1 .elementor-widget-icon-box:hover .elementor-icon-box-title a { color: #06A357 !important; } /* Individual Card Colors with CENTERED circles */ /* MECCA CEMETERY - Green */ .sectionhome-1 .elementor-element-0ed7ec1 .elementor-icon-box-icon { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); } .sectionhome-1 .elementor-element-0ed7ec1 .elementor-icon-box-icon::before { background: rgba(6, 163, 87, 0.15); } .sectionhome-1 .elementor-element-0ed7ec1:hover .elementor-icon-box-icon::before { background: rgba(6, 163, 87, 0.2); } .sectionhome-1 .elementor-element-0ed7ec1:hover .elementor-icon-box-title { color: #06A357 !important; } .sectionhome-1 .elementor-element-0ed7ec1:hover .elementor-icon-box-title a { color: #06A357 !important; } /* ISLAMIC DATE - Blue */ .sectionhome-1 .elementor-element-8979752 .elementor-icon-box-icon { background: linear-gradient(135deg, #5B99C2 0%, #7AB2D3 100%); } .sectionhome-1 .elementor-element-8979752 .elementor-icon-box-icon::before { background: rgba(91, 153, 194, 0.15); } .sectionhome-1 .elementor-element-8979752:hover .elementor-icon-box-icon::before { background: rgba(91, 153, 194, 0.2); } .sectionhome-1 .elementor-element-8979752:hover .elementor-icon-box-title { color: #5B99C2 !important; } .sectionhome-1 .elementor-element-8979752:hover .elementor-icon-box-title a { color: #5B99C2 !important; } /* MEDIA - Red */ .sectionhome-1 .elementor-element-7757574 .elementor-icon-box-icon { background: linear-gradient(135deg, #C65D7B 0%, #E08B9A 100%); } .sectionhome-1 .elementor-element-7757574 .elementor-icon-box-icon::before { background: rgba(198, 93, 123, 0.15); } .sectionhome-1 .elementor-element-7757574:hover .elementor-icon-box-icon::before { background: rgba(198, 93, 123, 0.2); } .sectionhome-1 .elementor-element-7757574:hover .elementor-icon-box-title { color: #C65D7B !important; } .sectionhome-1 .elementor-element-7757574:hover .elementor-icon-box-title a { color: #C65D7B !important; } /* ISLAMIC MISSION - Purple */ .sectionhome-1 .elementor-element-787b27a .elementor-icon-box-icon { background: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%); } .sectionhome-1 .elementor-element-787b27a .elementor-icon-box-icon::before { background: rgba(139, 92, 246, 0.15); } .sectionhome-1 .elementor-element-787b27a:hover .elementor-icon-box-icon::before { background: rgba(139, 92, 246, 0.2); } .sectionhome-1 .elementor-element-787b27a:hover .elementor-icon-box-title { color: #8B5CF6 !important; } .sectionhome-1 .elementor-element-787b27a:hover .elementor-icon-box-title a { color: #8B5CF6 !important; } /* HIJAZ ACADEMY - Orange */ .sectionhome-1 .elementor-element-527afac .elementor-icon-box-icon { background: linear-gradient(135deg, #D97D54 0%, #E89B7A 100%); } .sectionhome-1 .elementor-element-527afac .elementor-icon-box-icon::before { background: rgba(217, 125, 84, 0.15); } .sectionhome-1 .elementor-element-527afac:hover .elementor-icon-box-icon::before { background: rgba(217, 125, 84, 0.2); } .sectionhome-1 .elementor-element-527afac:hover .elementor-icon-box-title { color: #D97D54 !important; } .sectionhome-1 .elementor-element-527afac:hover .elementor-icon-box-title a { color: #D97D54 !important; } /* MADRASA HIJAZIA - Sky Blue */ .sectionhome-1 .elementor-element-d974c6d .elementor-icon-box-icon { background: linear-gradient(135deg, #5B99C2 0%, #7AB2D3 100%); } .sectionhome-1 .elementor-element-d974c6d .elementor-icon-box-icon::before { background: rgba(91, 153, 194, 0.15); } .sectionhome-1 .elementor-element-d974c6d:hover .elementor-icon-box-icon::before { background: rgba(91, 153, 194, 0.2); } .sectionhome-1 .elementor-element-d974c6d:hover .elementor-icon-box-title { color: #5B99C2 !important; } .sectionhome-1 .elementor-element-d974c6d:hover .elementor-icon-box-title a { color: #5B99C2 !important; } /* HIJAZ MUSLIM COLLEGE - Green */ .sectionhome-1 .elementor-element-b425ef8 .elementor-icon-box-icon { background: linear-gradient(135deg, #6B9E78 0%, #88B895 100%); } .sectionhome-1 .elementor-element-b425ef8 .elementor-icon-box-icon::before { background: rgba(107, 158, 120, 0.15); } .sectionhome-1 .elementor-element-b425ef8:hover .elementor-icon-box-icon::before { background: rgba(107, 158, 120, 0.2); } .sectionhome-1 .elementor-element-b425ef8:hover .elementor-icon-box-title { color: #6B9E78 !important; } .sectionhome-1 .elementor-element-b425ef8:hover .elementor-icon-box-title a { color: #6B9E78 !important; } /* CEMETERY A BOOK - Purple */ .sectionhome-1 .elementor-element-e5151ff .elementor-icon-box-icon { background: linear-gradient(135deg, #8B5CF6 0%, #A78BFA 100%); } .sectionhome-1 .elementor-element-e5151ff .elementor-icon-box-icon::before { background: rgba(139, 92, 246, 0.15); } .sectionhome-1 .elementor-element-e5151ff:hover .elementor-icon-box-icon::before { background: rgba(139, 92, 246, 0.2); } .sectionhome-1 .elementor-element-e5151ff:hover .elementor-icon-box-title { color: #8B5CF6 !important; } .sectionhome-1 .elementor-element-e5151ff:hover .elementor-icon-box-title a { color: #8B5CF6 !important; } /* Responsive Design */ @media (max-width: 1200px) { .sectionhome-1 .elementor-element-7b914d4 { grid-template-columns: repeat(3, 1fr); gap: 20px; } .sectionhome-1 .elementor-widget-icon-box { padding: 32px 18px; } .sectionhome-1 .elementor-icon-box-icon { width: 80px; height: 80px; } .sectionhome-1 .elementor-icon-box-icon::before { width: 130px; height: 130px; } .sectionhome-1 .elementor-icon-box-title { font-size: 14px !important; } } @media (max-width: 992px) { .sectionhome-1 .elementor-element-7b914d4 { grid-template-columns: repeat(2, 1fr); gap: 20px; } .sectionhome-1.elementor-element-3db6ae8 { padding: 60px 20px; } .sectionhome-1 .elementor-widget-icon-box { padding: 30px 18px; } } @media (max-width: 768px) { .sectionhome-1 .elementor-element-7b914d4 { grid-template-columns: repeat(4, 1fr); gap: 15px; } .sectionhome-1 .elementor-widget-icon-box { padding: 28px 15px; } .sectionhome-1 .elementor-icon-box-icon { width: 75px; height: 75px; } .sectionhome-1 .elementor-icon-box-icon::before { width: 120px; height: 120px; } .sectionhome-1 .elementor-icon svg, .sectionhome-1 .elementor-icon i { width: 36px !important; height: 36px !important; } .sectionhome-1 .elementor-icon-box-title { font-size: 13px !important; } .sectionhome-1 .elementor-icon-box-wrapper { gap: 16px !important; } } @media (max-width: 576px) { .sectionhome-1 .elementor-element-7b914d4 { grid-template-columns: repeat(2, 1fr); gap: 12px; } .sectionhome-1.elementor-element-3db6ae8 { padding: 50px 15px; } .sectionhome-1 .elementor-widget-icon-box { padding: 25px 12px; } .sectionhome-1 .elementor-icon-box-title { font-size: 12px !important; letter-spacing: 0.6px !important; } .sectionhome-1 .elementor-icon-box-icon { width: 65px; height: 65px; } .sectionhome-1 .elementor-icon-box-icon::before { width: 105px; height: 105px; } .sectionhome-1 .elementor-icon svg, .sectionhome-1 .elementor-icon i { width: 32px !important; height: 32px !important; } .sectionhome-1 .elementor-icon-box-wrapper { gap: 14px !important; } } /* Remove any conflicting Elementor default styles */ .sectionhome-1 .elementor-icon-box-wrapper { text-align: center !important; } .sectionhome-1 .elementor-widget-icon-box .elementor-icon-box-content { text-align: center !important; display: flex; flex-direction: column; align-items: center; justify-content: center; } /* Entrance Animation */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .sectionhome-1 .elementor-widget-icon-box { animation: fadeInUp 0.6s ease-out backwards; } .sectionhome-1 .elementor-element-0ed7ec1 { animation-delay: 0.1s; } .sectionhome-1 .elementor-element-8979752 { animation-delay: 0.15s; } .sectionhome-1 .elementor-element-7757574 { animation-delay: 0.2s; } .sectionhome-1 .elementor-element-787b27a { animation-delay: 0.25s; } .sectionhome-1 .elementor-element-527afac { animation-delay: 0.3s; } .sectionhome-1 .elementor-element-d974c6d { animation-delay: 0.35s; } .sectionhome-1 .elementor-element-b425ef8 { animation-delay: 0.4s; } .sectionhome-1 .elementor-element-e5151ff { animation-delay: 0.45s; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-08d960b *//* Donation Section - Beautiful Green Theme Design */ .homesection-2.elementor-element-08d960b { background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%); padding: 80px 20px; position: relative; overflow: hidden; } /* Decorative elements */ .homesection-2.elementor-element-08d960b::before { content: ''; position: absolute; top: -50px; left: -50px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(6, 163, 87, 0.08) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .homesection-2.elementor-element-08d960b::after { content: ''; position: absolute; bottom: -50px; right: -50px; width: 250px; height: 250px; background: radial-gradient(circle, rgba(6, 163, 87, 0.06) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .homesection-2.elementor-element-08d960b .e-con-inner { max-width: 900px; margin: 0 auto; position: relative; z-index: 1; } /* Spacer */ .homesection-2 .elementor-element-db7a20f { height: 20px; } /* Text Editor Container */ .homesection-2 .elementor-element-f88652d { text-align: center; padding: 40px 30px; background: #ffffff; border-radius: 30px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 2px solid rgba(6, 163, 87, 0.1); position: relative; overflow: hidden; } /* Top accent bar */ .homesection-2 .elementor-element-f88652d::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #06A357 0%, #05c46b 50%, #06A357 100%); } /* Donate Button Link */ .homesection-2 .elementor-element-f88652d a { display: inline-block; margin-bottom: 30px; transition: all 0.3s ease; position: relative; } .homesection-2 .elementor-element-f88652d a:hover { transform: translateY(-5px); } /* Donate Button Image - Enhanced */ .homesection-2 .elementor-element-f88652d a img { max-width: 250px; height: auto; transition: all 0.3s ease; filter: drop-shadow(0 5px 20px rgba(6, 163, 87, 0.3)); } .homesection-2 .elementor-element-f88652d a:hover img { filter: drop-shadow(0 8px 30px rgba(6, 163, 87, 0.5)); transform: scale(1.05); } /* Quran Verse Styling */ .homesection-2 .elementor-element-f88652d h4 { font-size: 18px !important; font-weight: 500 !important; color: #2c3e50 !important; line-height: 1.8 !important; margin: 15px 0 !important; padding: 0 20px !important; font-family: 'Georgia', 'Times New Roman', serif !important; font-style: italic; } /* First h4 (main verse) - larger and bolder */ .homesection-2 .elementor-element-f88652d h4:first-of-type { font-size: 20px !important; font-weight: 600 !important; color: #1a1a1a !important; margin-top: 20px !important; position: relative; padding-top: 25px !important; } /* Decorative quote marks */ .homesection-2 .elementor-element-f88652d h4:first-of-type::before { content: '"'; position: absolute; top: -10px; left: 50%; transform: translateX(-50%); font-size: 60px; color: rgba(6, 163, 87, 0.2); font-family: Georgia, serif; line-height: 1; } /* Last h4 (reference) - smaller and lighter */ .homesection-2 .elementor-element-f88652d h4:last-of-type { font-size: 16px !important; color: #06A357 !important; font-weight: 600 !important; font-style: normal !important; margin-bottom: 0 !important; letter-spacing: 0.5px; } /* Responsive Design */ @media (max-width: 992px) { .homesection-2.elementor-element-08d960b { padding: 60px 20px; } .homesection-2 .elementor-element-f88652d { padding: 35px 25px; border-radius: 25px; } .homesection-2 .elementor-element-f88652d h4:first-of-type { font-size: 18px !important; } .homesection-2 .elementor-element-f88652d h4:last-of-type { font-size: 15px !important; } } @media (max-width: 768px) { .homesection-2.elementor-element-08d960b { padding: 50px 15px; } .homesection-2 .elementor-element-f88652d { padding: 30px 20px; border-radius: 20px; } .homesection-2 .elementor-element-f88652d a img { max-width: 200px; } .homesection-2 .elementor-element-f88652d h4 { font-size: 16px !important; padding: 0 10px !important; } .homesection-2 .elementor-element-f88652d h4:first-of-type { font-size: 17px !important; padding-top: 20px !important; } .homesection-2 .elementor-element-f88652d h4:last-of-type { font-size: 14px !important; } .homesection-2 .elementor-element-f88652d h4:first-of-type::before { font-size: 50px; } } @media (max-width: 576px) { .homesection-2.elementor-element-08d960b { padding: 40px 15px; } .homesection-2 .elementor-element-f88652d { padding: 25px 15px; } .homesection-2 .elementor-element-f88652d a img { max-width: 180px; } .homesection-2 .elementor-element-f88652d h4 { font-size: 15px !important; } .homesection-2 .elementor-element-f88652d h4:first-of-type { font-size: 16px !important; } .homesection-2 .elementor-element-f88652d h4:last-of-type { font-size: 13px !important; } } /* Optional: Custom Donate Button Style (if you want to replace the image) */ .homesection-2 .custom-donate-button { display: inline-block; padding: 18px 50px; background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); color: #ffffff !important; font-size: 20px; font-weight: 700; text-decoration: none; border-radius: 50px; box-shadow: 0 8px 25px rgba(6, 163, 87, 0.3); transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 1px; border: none; cursor: pointer; } .homesection-2 .custom-donate-button:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(6, 163, 87, 0.4); background: linear-gradient(135deg, #05c46b 0%, #06A357 100%); } .homesection-2 .custom-donate-button:active { transform: translateY(-1px); } /* Animation */ @keyframes fadeInScale { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } .homesection-2 .elementor-element-f88652d { animation: fadeInScale 0.6s ease-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4fae0e4 *//* Hijaz Foundation About Section - DARK FOOTER COLOR BACKGROUND */ .elementor-element-4fae0e4 { background: #1e1b18; padding: 80px 20px; position: relative; overflow: hidden; } /* Decorative background elements */ .elementor-element-4fae0e4::before { content: ''; position: absolute; top: 0; right: 0; width: 500px; height: 500px; background: radial-gradient(circle, rgba(6, 163, 87, 0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .elementor-element-4fae0e4 .e-con-inner { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; display: flex; align-items: center; gap: 60px; } /* Logo Container - Left Side */ .elementor-element-868b3fe { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; position: relative; } /* Logo Image Styling */ .elementor-element-53fb875 { position: relative; } .elementor-element-53fb875 img { max-width: 320px; height: auto; filter: drop-shadow(0 10px 30px rgba(6, 163, 87, 0.3)); transition: all 0.4s ease; } .elementor-element-53fb875:hover img { transform: scale(1.05); filter: drop-shadow(0 15px 40px rgba(6, 163, 87, 0.5)); } /* Decorative circle behind logo */ .elementor-element-53fb875::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: 400px; background: linear-gradient(135deg, rgba(6, 163, 87, 0.2) 0%, rgba(5, 196, 107, 0.1) 100%); border-radius: 50%; z-index: -1; animation: pulse 3s ease-in-out infinite; } @keyframes pulse { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; } 50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; } } /* Content Container - Right Side */ .elementor-element-017c779 { flex: 1; display: flex; flex-direction: column; gap: 25px; } /* Heading Styling - GREEN THEME COLOR */ .elementor-element-86f47b2 .elementor-heading-title { font-size: 48px !important; font-weight: 800 !important; color: #06A357 !important; margin: 0 !important; line-height: 1.2 !important; position: relative; display: inline-block; padding-bottom: 15px; } /* Green underline accent */ .elementor-element-86f47b2 .elementor-heading-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 5px; background: linear-gradient(90deg, #06A357 0%, #05c46b 100%); border-radius: 3px; } /* Text Content Styling - WHITE TEXT ON DARK */ .elementor-element-3ded392 { margin: 10px 0 !important; } .elementor-element-3ded392 .elementor-widget-container { font-size: 16px !important; line-height: 1.8 !important; color: #d1d5db !important; text-align: justify; } /* Read More Button Styling */ .elementor-element-c1b5c28 .elementor-button { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); color: #ffffff !important; padding: 15px 40px !important; border-radius: 50px; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 8px 25px rgba(6, 163, 87, 0.4); transition: all 0.3s ease; border: none; display: inline-flex; align-items: center; gap: 10px; } .elementor-element-c1b5c28 .elementor-button:hover { background: linear-gradient(135deg, #05c46b 0%, #06A357 100%); transform: translateY(-3px); box-shadow: 0 12px 35px rgba(6, 163, 87, 0.5); } .elementor-element-c1b5c28 .elementor-button:active { transform: translateY(-1px); } /* Add arrow icon to button */ .elementor-element-c1b5c28 .elementor-button-text::after { content: '→'; margin-left: 8px; font-size: 18px; transition: transform 0.3s ease; } .elementor-element-c1b5c28 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* Spacer */ .elementor-element-e7da7db { height: 20px; } /* Responsive Design */ @media (max-width: 1024px) { .elementor-element-4fae0e4 .e-con-inner { gap: 40px; } .elementor-element-53fb875 img { max-width: 280px; } .elementor-element-86f47b2 .elementor-heading-title { font-size: 42px !important; } .elementor-element-3ded392 .elementor-widget-container { font-size: 15px !important; } } @media (max-width: 768px) { .elementor-element-4fae0e4 { padding: 60px 20px; } .elementor-element-4fae0e4 .e-con-inner { flex-direction: column; gap: 40px; text-align: center; } .elementor-element-53fb875 img { max-width: 250px; } .elementor-element-53fb875::before { width: 320px; height: 320px; } .elementor-element-86f47b2 .elementor-heading-title { font-size: 36px !important; } .elementor-element-86f47b2 .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } .elementor-element-3ded392 .elementor-widget-container { font-size: 15px !important; text-align: center; } .elementor-element-c1b5c28 { text-align: center; } .elementor-element-c1b5c28 .elementor-button { padding: 14px 35px !important; font-size: 14px !important; } } @media (max-width: 576px) { .elementor-element-4fae0e4 { padding: 50px 15px; } .elementor-element-4fae0e4 .e-con-inner { gap: 30px; } .elementor-element-53fb875 img { max-width: 200px; } .elementor-element-53fb875::before { width: 280px; height: 280px; } .elementor-element-86f47b2 .elementor-heading-title { font-size: 30px !important; } .elementor-element-86f47b2 .elementor-heading-title::after { width: 60px; height: 4px; } .elementor-element-3ded392 .elementor-widget-container { font-size: 14px !important; line-height: 1.7 !important; } .elementor-element-c1b5c28 .elementor-button { padding: 12px 30px !important; font-size: 13px !important; } } /* Animation on scroll */ @keyframes slideInLeft { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInRight { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } .elementor-element-868b3fe { animation: slideInLeft 0.8s ease-out; } .elementor-element-017c779 { animation: slideInRight 0.8s ease-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d31187e *//* Islamic Mission Section - Green Theme Design (Content Left, Image Right) */ .elementor-element-d31187e { background: linear-gradient(135deg, #f8fafb 0%, #ffffff 100%); padding: 80px 20px; position: relative; overflow: hidden; } /* Decorative background elements */ .elementor-element-d31187e::before { content: ''; position: absolute; top: 0; left: 0; width: 500px; height: 500px; background: radial-gradient(circle, rgba(6, 163, 87, 0.05) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .elementor-element-d31187e .e-con-inner { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; display: flex; align-items: center; gap: 60px; } /* Content Container - Left Side */ .elementor-element-dd17f13 { flex: 1; display: flex; flex-direction: column; gap: 25px; } /* Heading Styling - GREEN THEME COLOR */ .elementor-element-d18c542 .elementor-heading-title { font-size: 48px !important; font-weight: 800 !important; color: #06A357 !important; margin: 0 !important; line-height: 1.2 !important; position: relative; display: inline-block; padding-bottom: 15px; } /* Green underline accent */ .elementor-element-d18c542 .elementor-heading-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 80px; height: 5px; background: linear-gradient(90deg, #06A357 0%, #05c46b 100%); border-radius: 3px; } /* Text Content Styling */ .elementor-element-e922de2 { margin: 10px 0 !important; } .elementor-element-e922de2 .elementor-widget-container { font-size: 16px !important; line-height: 1.8 !important; color: #4a5568 !important; } .elementor-element-e922de2 p { margin: 0 !important; text-align: justify; } /* Read More Button Styling */ .elementor-element-50aa8f5 .elementor-button { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); color: #ffffff !important; padding: 15px 40px !important; border-radius: 50px; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase; box-shadow: 0 8px 25px rgba(6, 163, 87, 0.3); transition: all 0.3s ease; border: none; display: inline-flex; align-items: center; gap: 10px; } .elementor-element-50aa8f5 .elementor-button:hover { background: linear-gradient(135deg, #05c46b 0%, #06A357 100%); transform: translateY(-3px); box-shadow: 0 12px 35px rgba(6, 163, 87, 0.4); } .elementor-element-50aa8f5 .elementor-button:active { transform: translateY(-1px); } /* Add arrow icon to button */ .elementor-element-50aa8f5 .elementor-button-text::after { content: '→'; margin-left: 8px; font-size: 18px; transition: transform 0.3s ease; } .elementor-element-50aa8f5 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* Spacer */ .elementor-element-c919876 { height: 20px; } /* Image Container - Right Side */ .elementor-element-1f43625 { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; position: relative; } /* Image Styling */ .elementor-element-f427eea { position: relative; } .elementor-element-f427eea img { max-width: 380px; height: auto; filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1)); transition: all 0.4s ease; border-radius: 15px; } .elementor-element-f427eea:hover img { transform: scale(1.05); filter: drop-shadow(0 15px 40px rgba(6, 163, 87, 0.2)); } /* Decorative circle behind image */ .elementor-element-f427eea::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 450px; height: 450px; background: linear-gradient(135deg, rgba(6, 163, 87, 0.08) 0%, rgba(5, 196, 107, 0.05) 100%); border-radius: 50%; z-index: -1; animation: pulseAlt 3s ease-in-out infinite; } @keyframes pulseAlt { 0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; } 50% { transform: translate(-50%, -50%) scale(1.1); opacity: 0.8; } } /* Responsive Design */ @media (max-width: 1024px) { .elementor-element-d31187e .e-con-inner { gap: 40px; } .elementor-element-f427eea img { max-width: 320px; } .elementor-element-d18c542 .elementor-heading-title { font-size: 42px !important; } .elementor-element-e922de2 .elementor-widget-container { font-size: 15px !important; } } @media (max-width: 768px) { .elementor-element-d31187e { padding: 60px 20px; } .elementor-element-d31187e .e-con-inner { flex-direction: column-reverse; gap: 40px; text-align: center; } .elementor-element-f427eea img { max-width: 280px; } .elementor-element-f427eea::before { width: 350px; height: 350px; } .elementor-element-d18c542 .elementor-heading-title { font-size: 36px !important; } .elementor-element-d18c542 .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } .elementor-element-e922de2 .elementor-widget-container { font-size: 15px !important; } .elementor-element-e922de2 p { text-align: center; } .elementor-element-50aa8f5 { text-align: center; } .elementor-element-50aa8f5 .elementor-button { padding: 14px 35px !important; font-size: 14px !important; } } @media (max-width: 576px) { .elementor-element-d31187e { padding: 50px 15px; } .elementor-element-d31187e .e-con-inner { gap: 30px; } .elementor-element-f427eea img { max-width: 240px; } .elementor-element-f427eea::before { width: 300px; height: 300px; } .elementor-element-d18c542 .elementor-heading-title { font-size: 30px !important; } .elementor-element-d18c542 .elementor-heading-title::after { width: 60px; height: 4px; } .elementor-element-e922de2 .elementor-widget-container { font-size: 14px !important; line-height: 1.7 !important; } .elementor-element-50aa8f5 .elementor-button { padding: 12px 30px !important; font-size: 13px !important; } } /* Animation on scroll */ @keyframes slideInLeftAlt { from { opacity: 0; transform: translateX(-50px); } to { opacity: 1; transform: translateX(0); } } @keyframes slideInRightAlt { from { opacity: 0; transform: translateX(50px); } to { opacity: 1; transform: translateX(0); } } .elementor-element-dd17f13 { animation: slideInLeftAlt 0.8s ease-out; } .elementor-element-1f43625 { animation: slideInRightAlt 0.8s ease-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f00133c *//* ============================================ Payment Links Section - Beautiful Modern Design ============================================ */ /* Main Container Styling */ .homesection-6 { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%) !important; padding: 40px 0 40px 0 !important; position: relative; overflow: hidden; } .homesection-6::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.15) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.12) 0%, transparent 40%), radial-gradient(circle at 40% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 30%), repeating-linear-gradient(45deg, transparent, transparent 50px, rgba(255, 255, 255, 0.03) 50px, rgba(255, 255, 255, 0.03) 100px); opacity: 1; } .homesection-6::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url('data:image/svg+xml,'); opacity: 0.4; } .homesection-6 .e-con-inner { position: relative; z-index: 2; } /* Heading Styling */ .homesection-6 .elementor-heading-title { color: #ffffff !important; font-size: 48px !important; font-weight: 700 !important; text-align: center !important; margin-bottom: 20px !important; margin-top: 0 !important; text-transform: uppercase; letter-spacing: 2px; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); animation: fadeInDown 0.8s ease-out; } /* Grid Container for Buttons */ .homesection-6 .e-grid { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 30px !important; max-width: 1400px !important; margin: 0 auto !important; } .homesection-6 .e-grid .elementor-widget-button { flex: 0 0 300px !important; max-width: 300px !important; } /* Button Container */ .homesection-6 .elementor-widget-button { animation: fadeInUp 0.8s ease-out backwards; } .homesection-6 .elementor-widget-button:nth-child(1) { animation-delay: 0.1s; } .homesection-6 .elementor-widget-button:nth-child(2) { animation-delay: 0.2s; } .homesection-6 .elementor-widget-button:nth-child(3) { animation-delay: 0.3s; } .homesection-6 .elementor-widget-button:nth-child(4) { animation-delay: 0.4s; } .homesection-6 .elementor-widget-button:nth-child(5) { animation-delay: 0.5s; } /* Button Styling */ .homesection-6 .elementor-button { background: linear-gradient(145deg, #ffffff, #f8fff9) !important; border: 2px solid rgba(6, 163, 87, 0.1) !important; border-radius: 16px !important; padding: 30px 25px !important; box-shadow: 0 10px 30px rgba(6, 163, 87, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1) !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; width: 100% !important; min-height: 160px !important; height: 160px !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative; overflow: hidden; } .homesection-6 .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: left 0.6s ease; } .homesection-6 .elementor-button:hover::before { left: 100%; } .homesection-6 .elementor-button:hover { transform: translateY(-10px) scale(1.03) !important; box-shadow: 0 20px 40px rgba(6, 163, 87, 0.25), 0 5px 15px rgba(5, 196, 107, 0.2) !important; background: linear-gradient(145deg, #ffffff, #f0fff5) !important; border-color: rgba(5, 196, 107, 0.4) !important; } .homesection-6 .elementor-button:active { transform: translateY(-5px) scale(1.01) !important; } /* Button Content Wrapper */ .homesection-6 .elementor-button-content-wrapper { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 15px !important; } /* Icon Styling */ .homesection-6 .elementor-button-icon { width: 60px !important; height: 60px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg, #06A357, #05c46b) !important; border-radius: 50% !important; padding: 15px !important; transition: all 0.4s ease !important; box-shadow: 0 5px 15px rgba(6, 163, 87, 0.4); } .homesection-6 .elementor-button:hover .elementor-button-icon { transform: rotate(360deg) scale(1.1) !important; box-shadow: 0 8px 25px rgba(5, 196, 107, 0.6); background: linear-gradient(135deg, #05c46b, #0bdb7a) !important; } .homesection-6 .elementor-button-icon svg { width: 30px !important; height: 30px !important; fill: #ffffff !important; } /* Button Text Styling */ .homesection-6 .elementor-button-text { color: #1A1A1A !important; font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1px; text-align: center; line-height: 1.4; transition: all 0.3s ease; } .homesection-6 .elementor-button:hover .elementor-button-text { color: #06A357 !important; transform: scale(1.05); } /* Spacer Styling */ .homesection-6 .elementor-spacer { height: 40px !important; } /* Responsive Design */ @media (max-width: 1024px) { .homesection-6 { padding: 40px 0 40px 0 !important; } .homesection-6 .elementor-heading-title { font-size: 40px !important; } .homesection-6 .e-grid { gap: 25px !important; } .homesection-6 .e-grid .elementor-widget-button { flex: 0 0 250px !important; max-width: 250px !important; } } @media (max-width: 768px) { .homesection-6 { padding: 40px 0 40px 0 !important; } .homesection-6 .elementor-heading-title { font-size: 32px !important; letter-spacing: 1px; } .homesection-6 .e-grid { gap: 20px !important; padding: 0 15px !important; } .homesection-6 .e-grid .elementor-widget-button { flex: 0 0 100% !important; max-width: 400px !important; } .homesection-6 .elementor-button { padding: 25px 20px !important; min-height: 140px !important; height: 140px !important; } .homesection-6 .elementor-button-icon { width: 50px !important; height: 50px !important; } .homesection-6 .elementor-button-icon svg { width: 25px !important; height: 25px !important; } .homesection-6 .elementor-button-text { font-size: 14px !important; } } @media (max-width: 480px) { .homesection-6 { padding: 30px 0 30px 0 !important; } .homesection-6 .elementor-heading-title { font-size: 26px !important; } .homesection-6 .elementor-button { padding: 20px 15px !important; min-height: 130px !important; height: 130px !important; } } /* Animations */ @keyframes fadeInDown { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Loading State Animation */ .homesection-6 .elementor-button::after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-radius: 50%; background: rgba(6, 163, 87, 0.1); transform: translate(-50%, -50%); transition: width 0.6s ease, height 0.6s ease; } .homesection-6 .elementor-button:active::after { width: 300px; height: 300px; } /* Focus State for Accessibility */ .homesection-6 .elementor-button:focus { outline: 3px solid rgba(255, 255, 255, 0.5) !important; outline-offset: 3px; } /* Print Styles */ @media print { .homesection-6 { background: white !important; } .homesection-6 .elementor-button { box-shadow: none !important; border: 2px solid #06A357 !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2e410f2 *//* Rahmani Masjid Section - NO BRANCH BADGE */ .elementor-element-2e410f2 { background: #ffffff; padding: 100px 20px; position: relative; overflow: hidden; } /* Subtle decorative elements */ .elementor-element-2e410f2::before { content: ''; position: absolute; top: -100px; left: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(6, 163, 87, 0.06) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .elementor-element-2e410f2::after { content: ''; position: absolute; bottom: -100px; right: -100px; width: 400px; height: 400px; background: radial-gradient(circle, rgba(6, 163, 87, 0.06) 0%, transparent 70%); border-radius: 50%; pointer-events: none; } .elementor-element-2e410f2 .e-con-inner { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; display: flex; align-items: stretch; gap: 0; background: #ffffff; border-radius: 30px; overflow: hidden; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1); border: 2px solid rgba(6, 163, 87, 0.1); } /* Image Container - Left Side with LIGHT Background */ .elementor-element-bfb34f6 { flex: 0 0 45%; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient(135deg, #f8fafb 0%, #e8f5f0 100%); padding: 60px 40px; overflow: hidden; } /* Decorative elements in image area */ .elementor-element-bfb34f6::before { content: ''; position: absolute; top: -50px; right: -50px; width: 250px; height: 250px; background: rgba(6, 163, 87, 0.05); border-radius: 50%; } .elementor-element-bfb34f6::after { content: ''; position: absolute; bottom: -50px; left: -50px; width: 200px; height: 200px; background: rgba(6, 163, 87, 0.03); border-radius: 50%; } /* Image Styling - Green logo will stand out */ .elementor-element-7927b7a { position: relative; z-index: 2; } .elementor-element-7927b7a img { max-width: 100%; height: auto; filter: drop-shadow(0 10px 30px rgba(6, 163, 87, 0.2)); transition: all 0.5s ease; } .elementor-element-7927b7a:hover img { transform: scale(1.08); filter: drop-shadow(0 15px 40px rgba(6, 163, 87, 0.3)); } /* Content Container - Right Side */ .elementor-element-7bf6896 { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 25px; padding: 60px 50px; position: relative; background: #ffffff; } /* Heading Styling - BLACK text with GREEN underline */ .elementor-element-4c85b08 .elementor-heading-title { font-size: 52px !important; font-weight: 900 !important; color: #1a1a1a !important; margin: 0 !important; line-height: 1.1 !important; position: relative; display: inline-block; padding-bottom: 20px; } /* Green underline accent */ .elementor-element-4c85b08 .elementor-heading-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 120px; height: 6px; background: linear-gradient(90deg, #06A357 0%, #05c46b 100%); border-radius: 3px; } /* Text Content Styling */ .elementor-element-f40a8db { margin: 10px 0 !important; } .elementor-element-f40a8db .elementor-widget-container { font-size: 16px !important; line-height: 1.8 !important; color: #4a5568 !important; } /* Read More Button - SOLID GREEN */ .elementor-element-94f7ab5 .elementor-button { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); color: #ffffff !important; padding: 15px 40px !important; border-radius: 50px; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1px; text-transform: uppercase; border: none; box-shadow: 0 8px 25px rgba(6, 163, 87, 0.3); transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 10px; position: relative; } .elementor-element-94f7ab5 .elementor-button:hover { background: linear-gradient(135deg, #05c46b 0%, #06A357 100%); transform: translateY(-3px); box-shadow: 0 12px 35px rgba(6, 163, 87, 0.4); } /* Add arrow icon to button */ .elementor-element-94f7ab5 .elementor-button-text::after { content: '→'; margin-left: 8px; font-size: 18px; transition: transform 0.3s ease; } .elementor-element-94f7ab5 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* Spacer */ .elementor-element-f31fd36 { height: 20px; } /* Responsive Design */ @media (max-width: 1024px) { .elementor-element-bfb34f6 { flex: 0 0 40%; padding: 50px 30px; } .elementor-element-7bf6896 { padding: 50px 40px; } .elementor-element-4c85b08 .elementor-heading-title { font-size: 44px !important; } } @media (max-width: 768px) { .elementor-element-2e410f2 { padding: 60px 20px; } .elementor-element-2e410f2 .e-con-inner { flex-direction: column; border-radius: 20px; } .elementor-element-bfb34f6 { flex: 1; padding: 50px 30px; min-height: 300px; } .elementor-element-7927b7a img { max-width: 280px; } .elementor-element-7bf6896 { padding: 50px 30px; text-align: center; } .elementor-element-4c85b08 .elementor-heading-title { font-size: 36px !important; } .elementor-element-4c85b08 .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } .elementor-element-f40a8db .elementor-widget-container { font-size: 15px !important; text-align: center; } .elementor-element-94f7ab5 { text-align: center; } .elementor-element-94f7ab5 .elementor-button { padding: 14px 35px !important; font-size: 14px !important; } } @media (max-width: 576px) { .elementor-element-2e410f2 { padding: 40px 15px; } .elementor-element-2e410f2 .e-con-inner { border-radius: 15px; } .elementor-element-bfb34f6 { padding: 40px 20px; min-height: 250px; } .elementor-element-7927b7a img { max-width: 240px; } .elementor-element-7bf6896 { padding: 40px 25px; } .elementor-element-4c85b08 .elementor-heading-title { font-size: 30px !important; } .elementor-element-4c85b08 .elementor-heading-title::after { width: 80px; height: 5px; } .elementor-element-f40a8db .elementor-widget-container { font-size: 14px !important; line-height: 1.7 !important; } .elementor-element-94f7ab5 .elementor-button { padding: 12px 30px !important; font-size: 13px !important; } } /* Entrance Animation */ @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .elementor-element-2e410f2 .e-con-inner { animation: slideUp 0.8s ease-out; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d2dbc80 *//* Hijaz Academy Section - MODERN ASYMMETRIC CARD DESIGN */ .elementor-element-d2dbc80 { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); padding: 100px 20px; position: relative; overflow: hidden; } /* Animated dots background */ .elementor-element-d2dbc80::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: radial-gradient(circle, rgba(255,255,255,0.1) 1px, transparent 1px); background-size: 30px 30px; animation: movePattern 20s linear infinite; } @keyframes movePattern { 0% { transform: translate(0, 0); } 100% { transform: translate(30px, 30px); } } .elementor-element-d2dbc80 .e-con-inner { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 0; } /* Image Container - TOP WITH TILTED CARD */ .elementor-element-9e50c3f { width: 100%; max-width: 900px; position: relative; margin-bottom: -100px; z-index: 2; } .elementor-element-d6ed9f2 { position: relative; transform: rotate(-2deg); transition: transform 0.5s ease; } .elementor-element-d6ed9f2:hover { transform: rotate(0deg) scale(1.02); } .elementor-element-d6ed9f2 img { width: 100%; height: auto; aspect-ratio: 16/10; object-fit: cover; border-radius: 20px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.2); } /* Decorative corner shapes */ .elementor-element-d6ed9f2::before { content: '🎓'; position: absolute; top: -20px; right: -20px; width: 80px; height: 80px; background: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 35px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); z-index: 3; } /* Content Container - BOTTOM WHITE CARD */ .elementor-element-469834f { background: #ffffff; padding: 120px 60px 60px; border-radius: 30px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25); width: 100%; max-width: 850px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; position: relative; } /* Decorative top wave */ .elementor-element-469834f::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: linear-gradient(90deg, transparent 0%, #06A357 25%, #05c46b 50%, #06A357 75%, transparent 100%); } /* Category Badge */ .elementor-element-e45ccc4::before { content: 'EDUCATION'; display: inline-block; font-size: 12px; font-weight: 700; color: #ffffff; background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); padding: 8px 24px; border-radius: 25px; margin-bottom: 20px; letter-spacing: 2px; box-shadow: 0 5px 20px rgba(6, 163, 87, 0.3); } /* Heading Styling - CENTERED */ .elementor-element-e45ccc4 .elementor-heading-title { font-size: 52px !important; font-weight: 900 !important; color: #1a1a1a !important; margin: 0 !important; line-height: 1.1 !important; position: relative; padding-bottom: 20px; } /* Centered decorative underline */ .elementor-element-e45ccc4 .elementor-heading-title::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100px; height: 5px; background: linear-gradient(90deg, #06A357 0%, #05c46b 100%); border-radius: 3px; } /* Text Content */ .elementor-element-ec249ae { margin: 15px 0 !important; } .elementor-element-ec249ae .elementor-widget-container { font-size: 17px !important; line-height: 1.8 !important; color: #5a6c7d !important; max-width: 700px; margin: 0 auto; } /* Spacer */ .elementor-element-2ad2385 { height: 15px; } /* Read More Button - ROUNDED GRADIENT */ .elementor-element-d3e3f63 .elementor-button { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%); color: #ffffff !important; padding: 18px 55px !important; border-radius: 50px; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1.5px; text-transform: uppercase; border: none; box-shadow: 0 12px 35px rgba(6, 163, 87, 0.4); transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 12px; position: relative; overflow: hidden; } /* Shine effect */ .elementor-element-d3e3f63 .elementor-button::before { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transition: left 0.6s ease; } .elementor-element-d3e3f63 .elementor-button:hover::before { left: 150%; } .elementor-element-d3e3f63 .elementor-button:hover { background: linear-gradient(135deg, #05c46b 0%, #06A357 100%); transform: translateY(-4px); box-shadow: 0 18px 50px rgba(6, 163, 87, 0.5); } /* Arrow icon */ .elementor-element-d3e3f63 .elementor-button-text::after { content: '→'; margin-left: 8px; font-size: 20px; transition: transform 0.3s ease; } .elementor-element-d3e3f63 .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* Bottom Spacer */ .elementor-element-cf03c0d { height: 0; } /* Responsive Design */ @media (max-width: 1200px) { .elementor-element-469834f { max-width: 750px; padding: 110px 50px 50px; } .elementor-element-e45ccc4 .elementor-heading-title { font-size: 46px !important; } } @media (max-width: 992px) { .elementor-element-d2dbc80 { padding: 80px 20px; } .elementor-element-9e50c3f { margin-bottom: -80px; } .elementor-element-469834f { padding: 100px 40px 50px; } } @media (max-width: 768px) { .elementor-element-d2dbc80 { padding: 60px 15px; } .elementor-element-9e50c3f { margin-bottom: -60px; } .elementor-element-d6ed9f2 { transform: rotate(-1deg); } .elementor-element-d6ed9f2 img { border-radius: 15px; } .elementor-element-d6ed9f2::before { width: 60px; height: 60px; font-size: 25px; top: -15px; right: -15px; } .elementor-element-469834f { padding: 80px 35px 45px; border-radius: 20px; } .elementor-element-e45ccc4 .elementor-heading-title { font-size: 38px !important; } .elementor-element-ec249ae .elementor-widget-container { font-size: 16px !important; } .elementor-element-d3e3f63 .elementor-button { padding: 16px 45px !important; font-size: 14px !important; } } @media (max-width: 576px) { .elementor-element-d2dbc80 { padding: 50px 15px; } .elementor-element-9e50c3f { margin-bottom: -50px; } .elementor-element-d6ed9f2 { transform: rotate(0); } .elementor-element-469834f { padding: 70px 25px 40px; border-radius: 15px; } .elementor-element-e45ccc4 .elementor-heading-title { font-size: 32px !important; } .elementor-element-e45ccc4 .elementor-heading-title::after { width: 70px; height: 4px; } .elementor-element-ec249ae .elementor-widget-container { font-size: 15px !important; line-height: 1.7 !important; } .elementor-element-d3e3f63 .elementor-button { padding: 14px 38px !important; font-size: 13px !important; } } /* Entrance Animations */ @keyframes floatDown { from { opacity: 0; transform: translateY(-50px) rotate(-5deg); } to { opacity: 1; transform: translateY(0) rotate(-2deg); } } @keyframes slideUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } .elementor-element-9e50c3f { animation: floatDown 0.8s ease-out; } .elementor-element-469834f { animation: slideUp 0.8s ease-out 0.3s backwards; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d83232a *//* Hijaz Muslim College Section - FIXED BUTTON TO MATCH OTHERS */ .elementor-element-d83232a { background: #ffffff; padding: 100px 20px; position: relative; overflow: hidden; } /* Subtle gradient background circles */ .elementor-element-d83232a::before { content: ''; position: absolute; top: -200px; left: -200px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(6, 163, 87, 0.03) 0%, transparent 70%); border-radius: 50%; } .elementor-element-d83232a::after { content: ''; position: absolute; bottom: -200px; right: -200px; width: 500px; height: 500px; background: radial-gradient(circle, rgba(6, 163, 87, 0.03) 0%, transparent 70%); border-radius: 50%; } .elementor-element-d83232a .e-con-inner { max-width: 1400px; margin: 0 auto; position: relative; z-index: 1; display: flex; align-items: center; gap: 0; border: 3px solid #e8e8e8; border-radius: 25px; overflow: hidden; background: #ffffff; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); } /* Image Container - LEFT SIDE with GRADIENT BORDER */ .elementor-element-6f6de94 { flex: 0 0 48%; position: relative; padding: 30px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); } /* Inner image frame */ .elementor-element-4452af1 { position: relative; border: 5px solid transparent; background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(135deg, #06A357 0%, #05c46b 100%) border-box; border-radius: 15px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1); } .elementor-element-4452af1 img { width: 100%; height: auto; aspect-ratio: 4/3; object-fit: cover; display: block; transition: transform 0.5s ease; } .elementor-element-4452af1:hover img { transform: scale(1.08); } /* Decorative corner shapes */ .elementor-element-6f6de94::before { content: ''; position: absolute; top: 15px; left: 15px; width: 40px; height: 40px; border-top: 4px solid #06A357; border-left: 4px solid #06A357; border-radius: 5px 0 0 0; } .elementor-element-6f6de94::after { content: ''; position: absolute; bottom: 15px; right: 15px; width: 40px; height: 40px; border-bottom: 4px solid #06A357; border-right: 4px solid #06A357; border-radius: 0 0 5px 0; } /* Content Container - RIGHT SIDE */ .elementor-element-2ad289d { flex: 1; display: flex; flex-direction: column; gap: 22px; padding: 50px 55px; position: relative; } /* Vertical green accent line */ .elementor-element-2ad289d::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 80px; background: linear-gradient(180deg, #06A357 0%, #05c46b 100%); border-radius: 0 3px 3px 0; } /* Heading Styling - BLACK with GREEN accent */ .elementor-element-4c72a79 .elementor-heading-title { font-size: 48px !important; font-weight: 900 !important; color: #1a1a1a !important; margin: 0 !important; line-height: 1.15 !important; position: relative; padding-bottom: 18px; } /* Three dots decoration */ .elementor-element-4c72a79 .elementor-heading-title::before { content: ''; position: absolute; bottom: 0; left: 0; width: 12px; height: 12px; background: #06A357; border-radius: 50%; box-shadow: 20px 0 0 #06A357, 40px 0 0 #06A357; } /* Text Content */ .elementor-element-11749e8 { margin: 5px 0 !important; } .elementor-element-11749e8 .elementor-widget-container { font-size: 16px !important; line-height: 1.8 !important; color: #5a6c7d !important; } /* Spacer */ .elementor-element-7231b30 { height: 10px; } /* Read More Button - SOLID GREEN TO MATCH OTHER SECTIONS */ .elementor-element-1f468af .elementor-button { background: linear-gradient(135deg, #06A357 0%, #05c46b 100%) !important; color: #ffffff !important; padding: 15px 40px !important; border-radius: 50px !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 1px !important; text-transform: uppercase !important; border: none !important; box-shadow: 0 8px 25px rgba(6, 163, 87, 0.3) !important; transition: all 0.3s ease !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; } .elementor-element-1f468af .elementor-button:hover { background: linear-gradient(135deg, #05c46b 0%, #06A357 100%) !important; transform: translateY(-3px) !important; box-shadow: 0 12px 35px rgba(6, 163, 87, 0.4) !important; } /* Arrow icon */ .elementor-element-1f468af .elementor-button-text::after { content: '→'; margin-left: 8px; font-size: 20px; transition: transform 0.3s ease; } .elementor-element-1f468af .elementor-button:hover .elementor-button-text::after { transform: translateX(5px); } /* Bottom Spacer */ .elementor-element-28cf4a1 { height: 0; } /* Responsive Design */ @media (max-width: 1200px) { .elementor-element-d83232a .e-con-inner { border-width: 2px; } .elementor-element-2ad289d { padding: 45px 45px; } .elementor-element-4c72a79 .elementor-heading-title { font-size: 42px !important; } } @media (max-width: 992px) { .elementor-element-d83232a { padding: 80px 20px; } .elementor-element-d83232a .e-con-inner { flex-direction: column; border-radius: 20px; } .elementor-element-6f6de94 { flex: 1; width: 100%; padding: 25px; } .elementor-element-2ad289d { width: 100%; padding: 40px 35px; text-align: center; } .elementor-element-2ad289d::before { display: none; } .elementor-element-4c72a79 .elementor-heading-title::before { left: 50%; transform: translateX(-50%); } .elementor-element-11749e8 .elementor-widget-container { text-align: center; } .elementor-element-1f468af { text-align: center; } } @media (max-width: 768px) { .elementor-element-d83232a { padding: 60px 15px; } .elementor-element-d83232a .e-con-inner { border-width: 2px; border-radius: 15px; } .elementor-element-6f6de94 { padding: 20px; } .elementor-element-4452af1 { border-width: 3px; border-radius: 12px; } .elementor-element-2ad289d { padding: 35px 30px; } .elementor-element-4c72a79 .elementor-heading-title { font-size: 36px !important; } .elementor-element-11749e8 .elementor-widget-container { font-size: 15px !important; } .elementor-element-1f468af .elementor-button { padding: 14px 35px !important; font-size: 14px !important; } } @media (max-width: 576px) { .elementor-element-d83232a { padding: 50px 15px; } .elementor-element-6f6de94 { padding: 15px; } .elementor-element-6f6de94::before, .elementor-element-6f6de94::after { width: 30px; height: 30px; border-width: 3px; } .elementor-element-2ad289d { padding: 30px 25px; } .elementor-element-4c72a79 .elementor-heading-title { font-size: 30px !important; } .elementor-element-4c72a79 .elementor-heading-title::before { width: 10px; height: 10px; box-shadow: 16px 0 0 #06A357, 32px 0 0 #06A357; } .elementor-element-11749e8 .elementor-widget-container { font-size: 14px !important; line-height: 1.7 !important; } .elementor-element-1f468af .elementor-button { padding: 12px 30px !important; font-size: 13px !important; } } /* Entrance Animations */ @keyframes fadeInScale { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } } .elementor-element-d83232a .e-con-inner { animation: fadeInScale 0.8s ease-out; }/* End custom CSS */