.elementor-16 .elementor-element.elementor-element-034490d{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-16 .elementor-element.elementor-element-034490d:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-034490d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b5aeb33 );}.elementor-16 .elementor-element.elementor-element-63fb284{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-16 .elementor-element.elementor-element-63fb284:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-63fb284 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b5aeb33 );}.elementor-16 .elementor-element.elementor-element-926851f{--display:flex;--min-height:52px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-16 .elementor-element.elementor-element-5257871{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-16 .elementor-element.elementor-element-5257871:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-5257871 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1820;}.elementor-16 .elementor-element.elementor-element-271b7ea{--display:flex;}.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-16 .elementor-element.elementor-element-75e4965{padding:0px 0px 0px 50px;}.elementor-16 .elementor-element.elementor-element-75e4965 img{width:85%;border-radius:20px 20px 20px 20px;}.elementor-16 .elementor-element.elementor-element-2dcbbe9{--display:flex;--min-height:750px;}.elementor-16 .elementor-element.elementor-element-0e04989{--display:flex;--min-height:260px;}.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-16 .elementor-element.elementor-element-3cd7e0c{padding:33px 0px 0px 0px;text-align:start;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;line-height:24px;letter-spacing:0.9px;color:#D4AF37;}.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-16 .elementor-element.elementor-element-be3e310{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-16 .elementor-element.elementor-element-be3e310:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-be3e310 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1820;}.elementor-16 .elementor-element.elementor-element-ffa781f{--display:flex;--min-height:750px;}.elementor-16 .elementor-element.elementor-element-bc02819{--display:flex;--min-height:260px;}.elementor-16 .elementor-element.elementor-element-99da71d{padding:33px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:400;line-height:24px;letter-spacing:0.9px;color:#D4AF37;}.elementor-16 .elementor-element.elementor-element-ba5acd9{--display:flex;}.elementor-16 .elementor-element.elementor-element-6861bcf{padding:0px 0px 0px 50px;}.elementor-16 .elementor-element.elementor-element-6861bcf img{width:85%;border-radius:20px 20px 20px 20px;}.elementor-16 .elementor-element.elementor-element-beb2e1e{--display:flex;--min-height:80px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:60px;--padding-right:60px;}.elementor-16 .elementor-element.elementor-element-beb2e1e:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-beb2e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #D4AF37 0%, #E6C96A 100%);}.elementor-16 .elementor-element.elementor-element-291d727{--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;--justify-content:center;--overlay-opacity:0.76;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF8C;--border-color:#FFFFFF8C;--border-radius:24px 24px 24px 24px;box-shadow:0px 20px 60px -10px rgba(20.00000000000002, 16, 29.999999999999996, 0.18);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:60px;--padding-right:60px;}.elementor-16 .elementor-element.elementor-element-291d727:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-291d727 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB8;background-image:url("https://joygm.org/wp-content/uploads/2026/07/JOY-BG.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-291d727::before, .elementor-16 .elementor-element.elementor-element-291d727 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-291d727 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-291d727 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-291d727 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-291d727 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B150E;--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-3b4a904{--display:flex;}.elementor-16 .elementor-element.elementor-element-85ea330{padding:20px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;font-style:italic;line-height:22px;color:#D4AF37;}.elementor-16 .elementor-element.elementor-element-9e4eaa9{--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;--justify-content:center;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF8C;--border-color:#FFFFFF8C;--border-radius:24px 24px 24px 24px;box-shadow:0px 20px 60px -10px rgba(20.00000000000002, 16, 29.999999999999996, 0.18);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:60px;--padding-right:60px;}.elementor-16 .elementor-element.elementor-element-9e4eaa9:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-9e4eaa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1D1923;}.elementor-16 .elementor-element.elementor-element-9e4eaa9::before, .elementor-16 .elementor-element.elementor-element-9e4eaa9 > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-9e4eaa9 > .e-con-inner > .elementor-background-video-container::before, .elementor-16 .elementor-element.elementor-element-9e4eaa9 > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-9e4eaa9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-16 .elementor-element.elementor-element-9e4eaa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0B150E;--background-overlay:'';}.elementor-16 .elementor-element.elementor-element-47918e6{padding:20px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;font-style:italic;line-height:22px;color:#D4AF37;}.elementor-16 .elementor-element.elementor-element-c3d3329{--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;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF8C;--border-color:#FFFFFF8C;--border-radius:24px 24px 24px 24px;box-shadow:0px 20px 60px -10px rgba(20.00000000000002, 16, 29.999999999999996, 0.18);--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-16 .elementor-element.elementor-element-c3d3329:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-c3d3329 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB8;}.elementor-16 .elementor-element.elementor-element-bf01c69{--display:flex;}.elementor-16 .elementor-element.elementor-element-e7c42f2{padding:20px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;font-style:italic;line-height:24px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#D4AF37;}.elementor-16 .elementor-element.elementor-element-ce607e8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;}.elementor-16 .elementor-element.elementor-element-44cb433{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4AF3747;--border-color:#D4AF3747;--border-radius:22px 22px 22px 22px;box-shadow:0px 18px 48px 0px rgba(0,0,0,0.5);--padding-top:38px;--padding-bottom:34px;--padding-left:32px;--padding-right:32px;}.elementor-16 .elementor-element.elementor-element-44cb433:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-44cb433 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1820;}.elementor-16 .elementor-element.elementor-element-4531963{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4AF3747;--border-color:#D4AF3747;--border-radius:22px 22px 22px 22px;box-shadow:0px 18px 48px 0px rgba(0,0,0,0.5);--padding-top:38px;--padding-bottom:34px;--padding-left:32px;--padding-right:32px;}.elementor-16 .elementor-element.elementor-element-4531963:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-4531963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1820;}.elementor-16 .elementor-element.elementor-element-bffe23f{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4AF3747;--border-color:#D4AF3747;--border-radius:22px 22px 22px 22px;box-shadow:0px 18px 48px 0px rgba(0,0,0,0.5);--padding-top:38px;--padding-bottom:34px;--padding-left:32px;--padding-right:32px;}.elementor-16 .elementor-element.elementor-element-bffe23f:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-bffe23f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1820;}.elementor-16 .elementor-element.elementor-element-1e452cd{--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;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF8C;--border-color:#FFFFFF8C;--border-radius:24px 24px 24px 24px;box-shadow:0px 20px 60px -10px rgba(20.00000000000002, 16, 29.999999999999996, 0.18);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:60px;--padding-right:60px;}.elementor-16 .elementor-element.elementor-element-1e452cd:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-1e452cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFB8;}.elementor-16 .elementor-element.elementor-element-dad1f65{--display:flex;}.elementor-16 .elementor-element.elementor-element-2956f04{padding:20px 0px 0px 0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:400;font-style:italic;line-height:24px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#D4AF37;}.elementor-16 .elementor-element.elementor-element-b93b0da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:28px 28px;--row-gap:28px;--column-gap:28px;}.elementor-16 .elementor-element.elementor-element-b14739a{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4AF3747;--border-color:#D4AF3747;--border-radius:22px 22px 22px 22px;box-shadow:0px 18px 48px 0px rgba(0,0,0,0.5);--padding-top:38px;--padding-bottom:34px;--padding-left:32px;--padding-right:32px;}.elementor-16 .elementor-element.elementor-element-b14739a:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-b14739a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1820;}.elementor-16 .elementor-element.elementor-element-d1871fd{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4AF3747;--border-color:#D4AF3747;--border-radius:22px 22px 22px 22px;box-shadow:0px 18px 48px 0px rgba(0,0,0,0.5);--padding-top:38px;--padding-bottom:34px;--padding-left:32px;--padding-right:32px;}.elementor-16 .elementor-element.elementor-element-d1871fd:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-d1871fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1820;}.elementor-16 .elementor-element.elementor-element-028c2ff{--display:flex;--min-height:440px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:18px 18px;--row-gap:18px;--column-gap:18px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D4AF3747;--border-color:#D4AF3747;--border-radius:22px 22px 22px 22px;box-shadow:0px 18px 48px 0px rgba(0,0,0,0.5);--padding-top:38px;--padding-bottom:34px;--padding-left:32px;--padding-right:32px;}.elementor-16 .elementor-element.elementor-element-028c2ff:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-028c2ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1C1820;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-63fb284{--content-width:500px;--min-height:44vh;}.elementor-16 .elementor-element.elementor-element-99da71d{padding:33px 0px 0px 0px;text-align:start;font-size:17px;line-height:1.6em;}.elementor-16 .elementor-element.elementor-element-ba5acd9{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-65px;--margin-bottom:-65px;--margin-left:-65px;--margin-right:-65px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-6861bcf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 10px 10px 0px;text-align:center;}.elementor-16 .elementor-element.elementor-element-6861bcf img{width:100%;}.elementor-16 .elementor-element.elementor-element-9e4eaa9:not(.elementor-motion-effects-element-type-background), .elementor-16 .elementor-element.elementor-element-9e4eaa9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://joygm.org/wp-content/uploads/2026/07/JOY-BG.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-16 .elementor-element.elementor-element-9e4eaa9{--overlay-opacity:0.76;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-47918e6{padding:0px 0px 0px 0px;font-size:17px;}.elementor-16 .elementor-element.elementor-element-1e452cd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-2956f04{font-size:17px;}}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-034490d{--width:100%;}.elementor-16 .elementor-element.elementor-element-926851f{--width:100%;}.elementor-16 .elementor-element.elementor-element-5257871{--width:100%;}.elementor-16 .elementor-element.elementor-element-2dcbbe9{--content-width:59%;}.elementor-16 .elementor-element.elementor-element-0e04989{--width:100%;}.elementor-16 .elementor-element.elementor-element-be3e310{--width:100%;}.elementor-16 .elementor-element.elementor-element-ffa781f{--content-width:59%;}.elementor-16 .elementor-element.elementor-element-bc02819{--width:100%;}.elementor-16 .elementor-element.elementor-element-beb2e1e{--width:100%;}.elementor-16 .elementor-element.elementor-element-291d727{--content-width:1100px;}.elementor-16 .elementor-element.elementor-element-9e4eaa9{--content-width:1100px;}.elementor-16 .elementor-element.elementor-element-c3d3329{--content-width:1100px;}.elementor-16 .elementor-element.elementor-element-ce607e8{--width:100%;}.elementor-16 .elementor-element.elementor-element-44cb433{--width:33.33%;}.elementor-16 .elementor-element.elementor-element-4531963{--width:33.33%;}.elementor-16 .elementor-element.elementor-element-bffe23f{--width:33.33%;}.elementor-16 .elementor-element.elementor-element-1e452cd{--content-width:1100px;}.elementor-16 .elementor-element.elementor-element-b93b0da{--width:100%;}.elementor-16 .elementor-element.elementor-element-b14739a{--width:33.33%;}.elementor-16 .elementor-element.elementor-element-d1871fd{--width:33.33%;}.elementor-16 .elementor-element.elementor-element-028c2ff{--width:33.33%;}}/* Start custom CSS for container, class: .elementor-element-926851f */.elementor-16 .elementor-element.elementor-element-926851f { display: block !important; position: relative; overflow: hidden; width: 100% !important; min-height: 58px; background-color: #e7c55c; background-image: radial-gradient(circle, rgba(102,80,146,.75) 0 2px, transparent 3px), radial-gradient(circle, rgba(126,98,174,.55) 0 1px, transparent 2px), linear-gradient( 90deg, #c99817 0%, #e7c55c 22%, #f6de96 50%, #e7c55c 78%, #c99817 100% ); background-size: 110px 55px, 75px 42px, 100% 100%; background-position: 0 6px, 35px 26px, center; border-top: 1px solid rgba(255,255,255,.4); border-bottom: 1px solid rgba(43,34,52,.25); box-shadow: inset 0 1px rgba(255,255,255,.35), inset 0 -1px rgba(0,0,0,.08); animation: joyParticleBanner 18s linear infinite; } @keyframes joyParticleBanner { from { background-position: 0 6px, 35px 26px, center; } to { background-position: 220px 6px, 185px 26px, center; } } /* Mobile */ @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-926851f { display: block !important; visibility: visible !important; opacity: 1 !important; width: 100% !important; min-height: 48px; animation-duration: 14s; background-size: 90px 48px, 65px 38px, 100% 100%; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-271b7ea */.elementor-16 .elementor-element.elementor-element-271b7ea { position: relative; overflow: hidden; border-radius: 24px; box-shadow: 0 28px 70px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(212, 175, 55, 0.24); transition: transform 0.45s ease, box-shadow 0.45s ease; } /* Soft gold edge glow */ .elementor-16 .elementor-element.elementor-element-271b7ea::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255, 220, 120, 0.22), inset 0 -80px 90px rgba(18, 14, 22, 0.12); pointer-events: none; } .elementor-16 .elementor-element.elementor-element-271b7ea:hover { transform: translateY(-6px); box-shadow: 0 36px 90px rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(212, 175, 55, 0.42); } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-271b7ea { border-radius: 18px; } .elementor-16 .elementor-element.elementor-element-271b7ea:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3cd7e0c */.elementor-16 .elementor-element.elementor-element-3cd7e0c { max-width: 590px; } .elementor-16 .elementor-element.elementor-element-3cd7e0c, .elementor-16 .elementor-element.elementor-element-3cd7e0c p { color: #E2C34D; line-height: 1.62; text-wrap: pretty; text-shadow: 0 3px 18px rgba(0, 0, 0, 0.20); } .elementor-16 .elementor-element.elementor-element-3cd7e0c strong { color: #FFFFFF; font-weight: 600; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0d827ed *//* =========================================== JOY Global Ministries Premium Gold Button =========================================== */ .joy-button .elementor-button, a.joy-button, .joy-button button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 18px 42px; background: linear-gradient( 135deg, #F8E08D 0%, #D9A51D 45%, #C89112 100% ); color: #1F1F25 !important; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; box-shadow: 0 8px 18px rgba(0,0,0,.12), 0 2px 6px rgba(218,170,32,.18), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /* Shine Sweep */ .joy-button .elementor-button::before, a.joy-button::before, .joy-button button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .joy-button:hover .elementor-button::before, a.joy-button:hover::before, .joy-button button:hover::before{ left:170%; } /* Hover */ .joy-button .elementor-button:hover, a.joy-button:hover, .joy-button button:hover{ transform:translateY(-3px); background:linear-gradient( 135deg, #FFE89A 0%, #E4B72E 45%, #D39E10 100% ); box-shadow: 0 14px 28px rgba(0,0,0,.18), 0 4px 10px rgba(218,170,32,.22), inset 0 1px 0 rgba(255,255,255,.65); } /* Click */ .joy-button .elementor-button:active, a.joy-button:active, .joy-button button:active{ transform:translateY(-1px) scale(.98); transition:.15s; } /* Focus */ .joy-button .elementor-button:focus, a.joy-button:focus, .joy-button button:focus{ outline:none; box-shadow: 0 0 0 3px rgba(214,169,31,.18), 0 8px 18px rgba(0,0,0,.12); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2dcbbe9 */.elementor-16 .elementor-element.elementor-element-2dcbbe9 { position: relative; padding: 34px 42px; border-left: 1px solid rgba(212, 175, 55, 0.38); } /* Small gold accent line */ .elementor-16 .elementor-element.elementor-element-2dcbbe9::before { content: ""; position: absolute; left: -2px; top: 34px; width: 3px; height: 92px; border-radius: 999px; background: linear-gradient( 180deg, #F1D269 0%, #D4AF37 55%, rgba(212, 175, 55, 0) 100% ); } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-2dcbbe9 { padding: 30px 4px 0; border-left: 0; border-top: 1px solid rgba(212, 175, 55, 0.28); } .elementor-16 .elementor-element.elementor-element-2dcbbe9::before { left: 0; top: -2px; width: 90px; height: 3px; background: linear-gradient( 90deg, #F1D269 0%, #D4AF37 55%, rgba(212, 175, 55, 0) 100% ); } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5257871 */.elementor-16 .elementor-element.elementor-element-5257871 { position: relative; isolation: isolate; padding: 70px 5vw; } /* Subtle inner framing without changing the background */ .elementor-16 .elementor-element.elementor-element-5257871::before { content: ""; position: absolute; inset: 28px; border: 1px solid rgba(212, 175, 55, 0.16); border-radius: 28px; pointer-events: none; z-index: 0; } /* Keep all content above the decorative frame */ .elementor-16 .elementor-element.elementor-element-5257871 > * { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-672ae3e *//* =========================================== JOY Global Ministries Premium Gold Button =========================================== */ .joy-button .elementor-button, a.joy-button, .joy-button button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 18px 42px; background: linear-gradient( 135deg, #F8E08D 0%, #D9A51D 45%, #C89112 100% ); color: #1F1F25 !important; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; box-shadow: 0 8px 18px rgba(0,0,0,.12), 0 2px 6px rgba(218,170,32,.18), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /* Shine Sweep */ .joy-button .elementor-button::before, a.joy-button::before, .joy-button button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .joy-button:hover .elementor-button::before, a.joy-button:hover::before, .joy-button button:hover::before{ left:170%; } /* Hover */ .joy-button .elementor-button:hover, a.joy-button:hover, .joy-button button:hover{ transform:translateY(-3px); background:linear-gradient( 135deg, #FFE89A 0%, #E4B72E 45%, #D39E10 100% ); box-shadow: 0 14px 28px rgba(0,0,0,.18), 0 4px 10px rgba(218,170,32,.22), inset 0 1px 0 rgba(255,255,255,.65); } /* Click */ .joy-button .elementor-button:active, a.joy-button:active, .joy-button button:active{ transform:translateY(-1px) scale(.98); transition:.15s; } /* Focus */ .joy-button .elementor-button:focus, a.joy-button:focus, .joy-button button:focus{ outline:none; box-shadow: 0 0 0 3px rgba(214,169,31,.18), 0 8px 18px rgba(0,0,0,.12); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-be3e310 */.elementor-16 .elementor-element.elementor-element-be3e310 { position: relative; isolation: isolate; padding: 70px 5vw; } /* Subtle inner framing without changing the background */ .elementor-16 .elementor-element.elementor-element-be3e310::before { content: ""; position: absolute; inset: 28px; border: 1px solid rgba(212, 175, 55, 0.16); border-radius: 28px; pointer-events: none; z-index: 0; } /* Keep all content above the decorative frame */ .elementor-16 .elementor-element.elementor-element-be3e310 > * { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-beb2e1e */.elementor-16 .elementor-element.elementor-element-beb2e1e { position: relative; overflow: hidden; width: 100%; min-height: 72px; display: flex; align-items: center; padding: 0; background: linear-gradient( 90deg, #c99718 0%, #e5c35e 22%, #f5dd91 50%, #e5c35e 78%, #c99718 100% ); border-top: 1px solid rgba(255, 255, 255, 0.42); border-bottom: 1px solid rgba(43, 34, 52, 0.28); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -1px 0 rgba(0, 0, 0, 0.08); } /* Metallic highlight */ .elementor-16 .elementor-element.elementor-element-beb2e1e::before { content: ""; position: absolute; inset: 0; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.30) 0%, rgba(255, 255, 255, 0.08) 38%, transparent 62% ); pointer-events: none; z-index: 1; } /* Soft edge fade */ .elementor-16 .elementor-element.elementor-element-beb2e1e::after { content: ""; position: absolute; inset: 0; background: linear-gradient( 90deg, rgba(201, 151, 24, 0.92) 0%, transparent 7%, transparent 93%, rgba(201, 151, 24, 0.92) 100% ); pointer-events: none; z-index: 3; } /* Make Elementor's HTML widget fill the banner */ .elementor-16 .elementor-element.elementor-element-beb2e1e .elementor-widget-html, .elementor-16 .elementor-element.elementor-element-beb2e1e .elementor-widget-container { width: 100%; min-width: 0; } /* Visible marquee window */ .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee { width: 100%; overflow: hidden; position: relative; z-index: 2; } /* Two identical groups move together */ .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__track { display: flex; width: max-content; animation: joy-marquee-scroll 32s linear infinite; will-change: transform; } /* Each copy must stay on one line */ .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__group { display: flex; align-items: center; flex-shrink: 0; gap: 52px; padding-right: 52px; white-space: nowrap; } /* Text */ .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__group span { display: inline-flex; align-items: center; color: #2b2234; font-family: Montserrat, sans-serif; font-size: 17px; font-weight: 700; line-height: 1.2; letter-spacing: 3px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28); } /* Seamless loop: move exactly the width of the first repeated group */ @keyframes joy-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Pause on hover */ .elementor-16 .elementor-element.elementor-element-beb2e1e:hover .joy-marquee__track { animation-play-state: paused; } /* Tablet */ @media (max-width: 1024px) { .elementor-16 .elementor-element.elementor-element-beb2e1e { min-height: 66px; } .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__track { animation-duration: 27s; } .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__group { gap: 40px; padding-right: 40px; } .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__group span { font-size: 15px; letter-spacing: 2.5px; } } /* Mobile */ @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-beb2e1e { min-height: 58px; } .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__track { animation-duration: 22s; } .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__group { gap: 30px; padding-right: 30px; } .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__group span { font-size: 13px; line-height: 1; letter-spacing: 2px; } } /* Accessibility */ @media (prefers-reduced-motion: reduce) { .elementor-16 .elementor-element.elementor-element-beb2e1e .joy-marquee__track { animation: none; transform: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-291d727 */.elementor-16 .elementor-element.elementor-element-291d727 { position: relative; overflow: hidden; background: linear-gradient( 145deg, #FCFAF5 0%, #F3EBDD 100% ); border: 1px solid rgba(212, 175, 55, 0.28); border-radius: 26px; box-shadow: 0 28px 70px rgba(31, 24, 35, 0.12); padding: 72px 64px; z-index: 2; } /* Keep content positioned normally */ .elementor-16 .elementor-element.elementor-element-291d727 > * { position: relative; z-index: 1; } /* Mobile */ @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-291d727 { padding: 54px 24px; border-radius: 18px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9e4eaa9 */.elementor-16 .elementor-element.elementor-element-9e4eaa9 { position: relative; overflow: hidden; background: linear-gradient( 145deg, #FCFAF5 0%, #F3EBDD 100% ); border: 1px solid rgba(212, 175, 55, 0.28); border-radius: 26px; box-shadow: 0 28px 70px rgba(31, 24, 35, 0.12); padding: 72px 64px; z-index: 2; } /* Keep content positioned normally */ .elementor-16 .elementor-element.elementor-element-9e4eaa9 > * { position: relative; z-index: 1; } /* Mobile */ @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-9e4eaa9 { padding: 54px 24px; border-radius: 18px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bf01c69 */.elementor-16 .elementor-element.elementor-element-bf01c69{ position:relative; max-width:1100px; margin:0 auto 40px; padding:34px 38px; background:linear-gradient( 160deg, #2A2138 0%, #1B1725 100% ); border:1px solid rgba(212,175,55,.18); border-radius:20px; box-shadow: 0 18px 45px rgba(0,0,0,.22); overflow:hidden; } /* Purple glow */ .elementor-16 .elementor-element.elementor-element-bf01c69::before{ content:""; position:absolute; width:320px; height:320px; top:-200px; left:50%; transform:translateX(-50%); border-radius:50%; background:radial-gradient( circle, rgba(102,80,146,.28), transparent 72% ); pointer-events:none; z-index:0; } /* Gold corner accents */ .elementor-16 .elementor-element.elementor-element-bf01c69::after{ content:""; position:absolute; inset:14px; border-radius:14px; background: linear-gradient(#D4AF37,#D4AF37) top left/70px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) top left/2px 70px no-repeat, linear-gradient(#D4AF37,#D4AF37) top right/70px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) top right/2px 70px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom left/70px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom left/2px 70px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom right/70px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom right/2px 70px no-repeat; opacity:.45; pointer-events:none; z-index:1; } /* Keep content above decorations */ .elementor-16 .elementor-element.elementor-element-bf01c69>*{ position:relative; z-index:2; } @media(max-width:767px){ .elementor-16 .elementor-element.elementor-element-bf01c69{ padding:28px 20px; border-radius:16px; } .elementor-16 .elementor-element.elementor-element-bf01c69::after{ inset:8px; background: linear-gradient(#D4AF37,#D4AF37) top left/42px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) top left/2px 42px no-repeat, linear-gradient(#D4AF37,#D4AF37) top right/42px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) top right/2px 42px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom left/42px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom left/2px 42px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom right/42px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom right/2px 42px no-repeat; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-95c2e6e *//* =========================================== JOY Global Ministries Premium Gold Button =========================================== */ .joy-button .elementor-button, a.joy-button, .joy-button button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 18px 42px; background: linear-gradient( 135deg, #F8E08D 0%, #D9A51D 45%, #C89112 100% ); color: #1F1F25 !important; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; box-shadow: 0 8px 18px rgba(0,0,0,.12), 0 2px 6px rgba(218,170,32,.18), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /* Shine Sweep */ .joy-button .elementor-button::before, a.joy-button::before, .joy-button button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .joy-button:hover .elementor-button::before, a.joy-button:hover::before, .joy-button button:hover::before{ left:170%; } /* Hover */ .joy-button .elementor-button:hover, a.joy-button:hover, .joy-button button:hover{ transform:translateY(-3px); background:linear-gradient( 135deg, #FFE89A 0%, #E4B72E 45%, #D39E10 100% ); box-shadow: 0 14px 28px rgba(0,0,0,.18), 0 4px 10px rgba(218,170,32,.22), inset 0 1px 0 rgba(255,255,255,.65); } /* Click */ .joy-button .elementor-button:active, a.joy-button:active, .joy-button button:active{ transform:translateY(-1px) scale(.98); transition:.15s; } /* Focus */ .joy-button .elementor-button:focus, a.joy-button:focus, .joy-button button:focus{ outline:none; box-shadow: 0 0 0 3px rgba(214,169,31,.18), 0 8px 18px rgba(0,0,0,.12); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-44cb433 */.elementor-16 .elementor-element.elementor-element-44cb433 { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; min-height: 440px; padding: 40px 32px 38px; background: linear-gradient( 155deg, #241e2a 0%, #17131c 100% ); border: 1px solid rgba(212, 175, 55, 0.28); border-radius: 22px; box-shadow: 0 18px 48px rgba(20, 16, 26, 0.14); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Purple glow inside the upper-right corner */ .elementor-16 .elementor-element.elementor-element-44cb433::before { content: ""; position: absolute; width: 230px; height: 230px; top: -130px; right: -95px; border-radius: 50%; background: radial-gradient( circle, rgba(102, 80, 146, 0.32) 0%, rgba(102, 80, 146, 0.08) 46%, transparent 72% ); pointer-events: none; } /* Small gold accent bar */ .elementor-16 .elementor-element.elementor-element-44cb433::after { content: ""; position: absolute; top: 0; left: 32px; width: 64px; height: 3px; background: linear-gradient( 90deg, #f2d56b, #d4af37 ); border-radius: 0 0 999px 999px; pointer-events: none; } /* Keep widgets above effects */ .elementor-16 .elementor-element.elementor-element-44cb433 > * { position: relative; z-index: 2; } .elementor-16 .elementor-element.elementor-element-44cb433:hover { transform: translateY(-7px); border-color: rgba(212, 175, 55, 0.58); box-shadow: 0 28px 68px rgba(20, 16, 26, 0.20); } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-44cb433 { min-height: auto; padding: 34px 25px 36px; border-radius: 18px; } .elementor-16 .elementor-element.elementor-element-44cb433::after { left: 25px; width: 52px; } .elementor-16 .elementor-element.elementor-element-44cb433:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6a4de2c *//* =========================================== JOY Global Ministries Premium Gold Button =========================================== */ .joy-button .elementor-button, a.joy-button, .joy-button button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 18px 42px; background: linear-gradient( 135deg, #F8E08D 0%, #D9A51D 45%, #C89112 100% ); color: #1F1F25 !important; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; box-shadow: 0 8px 18px rgba(0,0,0,.12), 0 2px 6px rgba(218,170,32,.18), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /* Shine Sweep */ .joy-button .elementor-button::before, a.joy-button::before, .joy-button button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .joy-button:hover .elementor-button::before, a.joy-button:hover::before, .joy-button button:hover::before{ left:170%; } /* Hover */ .joy-button .elementor-button:hover, a.joy-button:hover, .joy-button button:hover{ transform:translateY(-3px); background:linear-gradient( 135deg, #FFE89A 0%, #E4B72E 45%, #D39E10 100% ); box-shadow: 0 14px 28px rgba(0,0,0,.18), 0 4px 10px rgba(218,170,32,.22), inset 0 1px 0 rgba(255,255,255,.65); } /* Click */ .joy-button .elementor-button:active, a.joy-button:active, .joy-button button:active{ transform:translateY(-1px) scale(.98); transition:.15s; } /* Focus */ .joy-button .elementor-button:focus, a.joy-button:focus, .joy-button button:focus{ outline:none; box-shadow: 0 0 0 3px rgba(214,169,31,.18), 0 8px 18px rgba(0,0,0,.12); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4531963 */.elementor-16 .elementor-element.elementor-element-4531963 { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; min-height: 440px; padding: 40px 32px 38px; background: linear-gradient( 155deg, #241e2a 0%, #17131c 100% ); border: 1px solid rgba(212, 175, 55, 0.28); border-radius: 22px; box-shadow: 0 18px 48px rgba(20, 16, 26, 0.14); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Purple glow inside the upper-right corner */ .elementor-16 .elementor-element.elementor-element-4531963::before { content: ""; position: absolute; width: 230px; height: 230px; top: -130px; right: -95px; border-radius: 50%; background: radial-gradient( circle, rgba(102, 80, 146, 0.32) 0%, rgba(102, 80, 146, 0.08) 46%, transparent 72% ); pointer-events: none; } /* Small gold accent bar */ .elementor-16 .elementor-element.elementor-element-4531963::after { content: ""; position: absolute; top: 0; left: 32px; width: 64px; height: 3px; background: linear-gradient( 90deg, #f2d56b, #d4af37 ); border-radius: 0 0 999px 999px; pointer-events: none; } /* Keep widgets above effects */ .elementor-16 .elementor-element.elementor-element-4531963 > * { position: relative; z-index: 2; } .elementor-16 .elementor-element.elementor-element-4531963:hover { transform: translateY(-7px); border-color: rgba(212, 175, 55, 0.58); box-shadow: 0 28px 68px rgba(20, 16, 26, 0.20); } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-4531963 { min-height: auto; padding: 34px 25px 36px; border-radius: 18px; } .elementor-16 .elementor-element.elementor-element-4531963::after { left: 25px; width: 52px; } .elementor-16 .elementor-element.elementor-element-4531963:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d174315 *//* =========================================== JOY Global Ministries Premium Gold Button =========================================== */ .joy-button .elementor-button, a.joy-button, .joy-button button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 18px 42px; background: linear-gradient( 135deg, #F8E08D 0%, #D9A51D 45%, #C89112 100% ); color: #1F1F25 !important; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; box-shadow: 0 8px 18px rgba(0,0,0,.12), 0 2px 6px rgba(218,170,32,.18), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /* Shine Sweep */ .joy-button .elementor-button::before, a.joy-button::before, .joy-button button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .joy-button:hover .elementor-button::before, a.joy-button:hover::before, .joy-button button:hover::before{ left:170%; } /* Hover */ .joy-button .elementor-button:hover, a.joy-button:hover, .joy-button button:hover{ transform:translateY(-3px); background:linear-gradient( 135deg, #FFE89A 0%, #E4B72E 45%, #D39E10 100% ); box-shadow: 0 14px 28px rgba(0,0,0,.18), 0 4px 10px rgba(218,170,32,.22), inset 0 1px 0 rgba(255,255,255,.65); } /* Click */ .joy-button .elementor-button:active, a.joy-button:active, .joy-button button:active{ transform:translateY(-1px) scale(.98); transition:.15s; } /* Focus */ .joy-button .elementor-button:focus, a.joy-button:focus, .joy-button button:focus{ outline:none; box-shadow: 0 0 0 3px rgba(214,169,31,.18), 0 8px 18px rgba(0,0,0,.12); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-bffe23f */.elementor-16 .elementor-element.elementor-element-bffe23f { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; min-height: 440px; padding: 40px 32px 38px; background: linear-gradient( 155deg, #241e2a 0%, #17131c 100% ); border: 1px solid rgba(212, 175, 55, 0.28); border-radius: 22px; box-shadow: 0 18px 48px rgba(20, 16, 26, 0.14); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Purple glow inside the upper-right corner */ .elementor-16 .elementor-element.elementor-element-bffe23f::before { content: ""; position: absolute; width: 230px; height: 230px; top: -130px; right: -95px; border-radius: 50%; background: radial-gradient( circle, rgba(102, 80, 146, 0.32) 0%, rgba(102, 80, 146, 0.08) 46%, transparent 72% ); pointer-events: none; } /* Small gold accent bar */ .elementor-16 .elementor-element.elementor-element-bffe23f::after { content: ""; position: absolute; top: 0; left: 32px; width: 64px; height: 3px; background: linear-gradient( 90deg, #f2d56b, #d4af37 ); border-radius: 0 0 999px 999px; pointer-events: none; } /* Keep widgets above effects */ .elementor-16 .elementor-element.elementor-element-bffe23f > * { position: relative; z-index: 2; } .elementor-16 .elementor-element.elementor-element-bffe23f:hover { transform: translateY(-7px); border-color: rgba(212, 175, 55, 0.58); box-shadow: 0 28px 68px rgba(20, 16, 26, 0.20); } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-bffe23f { min-height: auto; padding: 34px 25px 36px; border-radius: 18px; } .elementor-16 .elementor-element.elementor-element-bffe23f::after { left: 25px; width: 52px; } .elementor-16 .elementor-element.elementor-element-bffe23f:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ce607e8 */.elementor-16 .elementor-element.elementor-element-ce607e8 { width: 100%; max-width: 1320px; margin-inline: auto; display: flex; align-items: stretch; gap: 28px; margin-top: 48px; } .elementor-16 .elementor-element.elementor-element-ce607e8 > * { flex: 1 1 0; min-width: 0; } @media (max-width: 1024px) { .elementor-16 .elementor-element.elementor-element-ce607e8 { flex-wrap: wrap; } .elementor-16 .elementor-element.elementor-element-ce607e8 > * { flex: 1 1 calc(50% - 14px); } } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-ce607e8 { flex-direction: column; gap: 22px; margin-top: 36px; } .elementor-16 .elementor-element.elementor-element-ce607e8 > * { width: 100%; flex-basis: auto; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-c3d3329 */.elementor-16 .elementor-element.elementor-element-c3d3329 { position: relative; isolation: isolate; overflow: hidden; width: 100%; max-width: 100%; background: linear-gradient( 180deg, #f9f5ee 0%, #fffdf9 58%, #faf7f1 100% ); border-top: 1px solid rgba(212, 175, 55, 0.16); border-bottom: 1px solid rgba(212, 175, 55, 0.14); padding: 105px 32px 115px; } /* Soft gold-and-purple atmosphere behind the heading */ .elementor-16 .elementor-element.elementor-element-c3d3329::before { content: ""; position: absolute; top: -220px; left: 50%; transform: translateX(-50%); width: 680px; height: 430px; background: radial-gradient( ellipse at center, rgba(212, 175, 55, 0.14) 0%, rgba(102, 80, 146, 0.07) 34%, rgba(255, 255, 255, 0.18) 52%, transparent 74% ); filter: blur(18px); pointer-events: none; z-index: 0; } /* Refined gold accent at the top */ .elementor-16 .elementor-element.elementor-element-c3d3329::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 180px; height: 3px; background: linear-gradient( 90deg, transparent 0%, rgba(212, 175, 55, 0.45) 18%, #d4af37 50%, rgba(212, 175, 55, 0.45) 82%, transparent 100% ); border-radius: 999px; box-shadow: 0 3px 12px rgba(212, 175, 55, 0.14); pointer-events: none; z-index: 1; } /* Keep all Elementor content above the decorative layers */ .elementor-16 .elementor-element.elementor-element-c3d3329 > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-16 .elementor-element.elementor-element-c3d3329 { padding: 88px 24px 96px; } .elementor-16 .elementor-element.elementor-element-c3d3329::before { top: -185px; width: 520px; height: 350px; filter: blur(16px); } .elementor-16 .elementor-element.elementor-element-c3d3329::after { width: 145px; } } /* Mobile */ @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-c3d3329 { overflow-x: clip; padding: 72px 18px 80px; background: linear-gradient( 180deg, #f9f5ee 0%, #fffdf9 60%, #faf7f1 100% ); } .elementor-16 .elementor-element.elementor-element-c3d3329::before { top: -135px; width: 320px; height: 250px; background: radial-gradient( ellipse at center, rgba(212, 175, 55, 0.11) 0%, rgba(102, 80, 146, 0.05) 38%, transparent 72% ); filter: blur(14px); } .elementor-16 .elementor-element.elementor-element-c3d3329::after { width: 105px; height: 2px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dad1f65 */.elementor-16 .elementor-element.elementor-element-dad1f65{ position:relative; max-width:1100px; margin:0 auto 40px; padding:34px 38px; background:linear-gradient( 160deg, #2A2138 0%, #1B1725 100% ); border:1px solid rgba(212,175,55,.18); border-radius:20px; box-shadow: 0 18px 45px rgba(0,0,0,.22); overflow:hidden; } /* Purple glow */ .elementor-16 .elementor-element.elementor-element-dad1f65::before{ content:""; position:absolute; width:320px; height:320px; top:-200px; left:50%; transform:translateX(-50%); border-radius:50%; background:radial-gradient( circle, rgba(102,80,146,.28), transparent 72% ); pointer-events:none; z-index:0; } /* Gold corner accents */ .elementor-16 .elementor-element.elementor-element-dad1f65::after{ content:""; position:absolute; inset:14px; border-radius:14px; background: linear-gradient(#D4AF37,#D4AF37) top left/70px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) top left/2px 70px no-repeat, linear-gradient(#D4AF37,#D4AF37) top right/70px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) top right/2px 70px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom left/70px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom left/2px 70px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom right/70px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom right/2px 70px no-repeat; opacity:.45; pointer-events:none; z-index:1; } /* Keep content above decorations */ .elementor-16 .elementor-element.elementor-element-dad1f65>*{ position:relative; z-index:2; } @media(max-width:767px){ .elementor-16 .elementor-element.elementor-element-dad1f65{ padding:28px 20px; border-radius:16px; } .elementor-16 .elementor-element.elementor-element-dad1f65::after{ inset:8px; background: linear-gradient(#D4AF37,#D4AF37) top left/42px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) top left/2px 42px no-repeat, linear-gradient(#D4AF37,#D4AF37) top right/42px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) top right/2px 42px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom left/42px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom left/2px 42px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom right/42px 2px no-repeat, linear-gradient(#D4AF37,#D4AF37) bottom right/2px 42px no-repeat; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-a9fcd98 *//* =========================================== JOY Global Ministries Premium Gold Button =========================================== */ .joy-button .elementor-button, a.joy-button, .joy-button button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 18px 42px; background: linear-gradient( 135deg, #F8E08D 0%, #D9A51D 45%, #C89112 100% ); color: #1F1F25 !important; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; box-shadow: 0 8px 18px rgba(0,0,0,.12), 0 2px 6px rgba(218,170,32,.18), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /* Shine Sweep */ .joy-button .elementor-button::before, a.joy-button::before, .joy-button button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .joy-button:hover .elementor-button::before, a.joy-button:hover::before, .joy-button button:hover::before{ left:170%; } /* Hover */ .joy-button .elementor-button:hover, a.joy-button:hover, .joy-button button:hover{ transform:translateY(-3px); background:linear-gradient( 135deg, #FFE89A 0%, #E4B72E 45%, #D39E10 100% ); box-shadow: 0 14px 28px rgba(0,0,0,.18), 0 4px 10px rgba(218,170,32,.22), inset 0 1px 0 rgba(255,255,255,.65); } /* Click */ .joy-button .elementor-button:active, a.joy-button:active, .joy-button button:active{ transform:translateY(-1px) scale(.98); transition:.15s; } /* Focus */ .joy-button .elementor-button:focus, a.joy-button:focus, .joy-button button:focus{ outline:none; box-shadow: 0 0 0 3px rgba(214,169,31,.18), 0 8px 18px rgba(0,0,0,.12); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b14739a */.elementor-16 .elementor-element.elementor-element-b14739a { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; min-height: 440px; padding: 40px 32px 38px; background: linear-gradient( 155deg, #241e2a 0%, #17131c 100% ); border: 1px solid rgba(212, 175, 55, 0.28); border-radius: 22px; box-shadow: 0 18px 48px rgba(20, 16, 26, 0.14); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Purple glow inside the upper-right corner */ .elementor-16 .elementor-element.elementor-element-b14739a::before { content: ""; position: absolute; width: 230px; height: 230px; top: -130px; right: -95px; border-radius: 50%; background: radial-gradient( circle, rgba(102, 80, 146, 0.32) 0%, rgba(102, 80, 146, 0.08) 46%, transparent 72% ); pointer-events: none; } /* Small gold accent bar */ .elementor-16 .elementor-element.elementor-element-b14739a::after { content: ""; position: absolute; top: 0; left: 32px; width: 64px; height: 3px; background: linear-gradient( 90deg, #f2d56b, #d4af37 ); border-radius: 0 0 999px 999px; pointer-events: none; } /* Keep widgets above effects */ .elementor-16 .elementor-element.elementor-element-b14739a > * { position: relative; z-index: 2; } .elementor-16 .elementor-element.elementor-element-b14739a:hover { transform: translateY(-7px); border-color: rgba(212, 175, 55, 0.58); box-shadow: 0 28px 68px rgba(20, 16, 26, 0.20); } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-b14739a { min-height: auto; padding: 34px 25px 36px; border-radius: 18px; } .elementor-16 .elementor-element.elementor-element-b14739a::after { left: 25px; width: 52px; } .elementor-16 .elementor-element.elementor-element-b14739a:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d3e91d7 *//* =========================================== JOY Global Ministries Premium Gold Button =========================================== */ .joy-button .elementor-button, a.joy-button, .joy-button button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 18px 42px; background: linear-gradient( 135deg, #F8E08D 0%, #D9A51D 45%, #C89112 100% ); color: #1F1F25 !important; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; box-shadow: 0 8px 18px rgba(0,0,0,.12), 0 2px 6px rgba(218,170,32,.18), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /* Shine Sweep */ .joy-button .elementor-button::before, a.joy-button::before, .joy-button button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .joy-button:hover .elementor-button::before, a.joy-button:hover::before, .joy-button button:hover::before{ left:170%; } /* Hover */ .joy-button .elementor-button:hover, a.joy-button:hover, .joy-button button:hover{ transform:translateY(-3px); background:linear-gradient( 135deg, #FFE89A 0%, #E4B72E 45%, #D39E10 100% ); box-shadow: 0 14px 28px rgba(0,0,0,.18), 0 4px 10px rgba(218,170,32,.22), inset 0 1px 0 rgba(255,255,255,.65); } /* Click */ .joy-button .elementor-button:active, a.joy-button:active, .joy-button button:active{ transform:translateY(-1px) scale(.98); transition:.15s; } /* Focus */ .joy-button .elementor-button:focus, a.joy-button:focus, .joy-button button:focus{ outline:none; box-shadow: 0 0 0 3px rgba(214,169,31,.18), 0 8px 18px rgba(0,0,0,.12); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d1871fd */.elementor-16 .elementor-element.elementor-element-d1871fd { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; min-height: 440px; padding: 40px 32px 38px; background: linear-gradient( 155deg, #241e2a 0%, #17131c 100% ); border: 1px solid rgba(212, 175, 55, 0.28); border-radius: 22px; box-shadow: 0 18px 48px rgba(20, 16, 26, 0.14); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Purple glow inside the upper-right corner */ .elementor-16 .elementor-element.elementor-element-d1871fd::before { content: ""; position: absolute; width: 230px; height: 230px; top: -130px; right: -95px; border-radius: 50%; background: radial-gradient( circle, rgba(102, 80, 146, 0.32) 0%, rgba(102, 80, 146, 0.08) 46%, transparent 72% ); pointer-events: none; } /* Small gold accent bar */ .elementor-16 .elementor-element.elementor-element-d1871fd::after { content: ""; position: absolute; top: 0; left: 32px; width: 64px; height: 3px; background: linear-gradient( 90deg, #f2d56b, #d4af37 ); border-radius: 0 0 999px 999px; pointer-events: none; } /* Keep widgets above effects */ .elementor-16 .elementor-element.elementor-element-d1871fd > * { position: relative; z-index: 2; } .elementor-16 .elementor-element.elementor-element-d1871fd:hover { transform: translateY(-7px); border-color: rgba(212, 175, 55, 0.58); box-shadow: 0 28px 68px rgba(20, 16, 26, 0.20); } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-d1871fd { min-height: auto; padding: 34px 25px 36px; border-radius: 18px; } .elementor-16 .elementor-element.elementor-element-d1871fd::after { left: 25px; width: 52px; } .elementor-16 .elementor-element.elementor-element-d1871fd:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-269de5e *//* =========================================== JOY Global Ministries Premium Gold Button =========================================== */ .joy-button .elementor-button, a.joy-button, .joy-button button { position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; padding: 18px 42px; background: linear-gradient( 135deg, #F8E08D 0%, #D9A51D 45%, #C89112 100% ); color: #1F1F25 !important; border-radius: 999px; border: 1px solid rgba(255,255,255,.35); font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; box-shadow: 0 8px 18px rgba(0,0,0,.12), 0 2px 6px rgba(218,170,32,.18), inset 0 1px 0 rgba(255,255,255,.55); transition: transform .35s ease, box-shadow .35s ease, background .35s ease; } /* Shine Sweep */ .joy-button .elementor-button::before, a.joy-button::before, .joy-button button::before{ content:""; position:absolute; top:0; left:-120%; width:55%; height:100%; background:linear-gradient( 120deg, transparent, rgba(255,255,255,.55), transparent ); transform:skewX(-25deg); transition:left .8s ease; } .joy-button:hover .elementor-button::before, a.joy-button:hover::before, .joy-button button:hover::before{ left:170%; } /* Hover */ .joy-button .elementor-button:hover, a.joy-button:hover, .joy-button button:hover{ transform:translateY(-3px); background:linear-gradient( 135deg, #FFE89A 0%, #E4B72E 45%, #D39E10 100% ); box-shadow: 0 14px 28px rgba(0,0,0,.18), 0 4px 10px rgba(218,170,32,.22), inset 0 1px 0 rgba(255,255,255,.65); } /* Click */ .joy-button .elementor-button:active, a.joy-button:active, .joy-button button:active{ transform:translateY(-1px) scale(.98); transition:.15s; } /* Focus */ .joy-button .elementor-button:focus, a.joy-button:focus, .joy-button button:focus{ outline:none; box-shadow: 0 0 0 3px rgba(214,169,31,.18), 0 8px 18px rgba(0,0,0,.12); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-028c2ff */.elementor-16 .elementor-element.elementor-element-028c2ff { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width: 100%; min-height: 440px; padding: 40px 32px 38px; background: linear-gradient( 155deg, #241e2a 0%, #17131c 100% ); border: 1px solid rgba(212, 175, 55, 0.28); border-radius: 22px; box-shadow: 0 18px 48px rgba(20, 16, 26, 0.14); transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; } /* Purple glow inside the upper-right corner */ .elementor-16 .elementor-element.elementor-element-028c2ff::before { content: ""; position: absolute; width: 230px; height: 230px; top: -130px; right: -95px; border-radius: 50%; background: radial-gradient( circle, rgba(102, 80, 146, 0.32) 0%, rgba(102, 80, 146, 0.08) 46%, transparent 72% ); pointer-events: none; } /* Small gold accent bar */ .elementor-16 .elementor-element.elementor-element-028c2ff::after { content: ""; position: absolute; top: 0; left: 32px; width: 64px; height: 3px; background: linear-gradient( 90deg, #f2d56b, #d4af37 ); border-radius: 0 0 999px 999px; pointer-events: none; } /* Keep widgets above effects */ .elementor-16 .elementor-element.elementor-element-028c2ff > * { position: relative; z-index: 2; } .elementor-16 .elementor-element.elementor-element-028c2ff:hover { transform: translateY(-7px); border-color: rgba(212, 175, 55, 0.58); box-shadow: 0 28px 68px rgba(20, 16, 26, 0.20); } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-028c2ff { min-height: auto; padding: 34px 25px 36px; border-radius: 18px; } .elementor-16 .elementor-element.elementor-element-028c2ff::after { left: 25px; width: 52px; } .elementor-16 .elementor-element.elementor-element-028c2ff:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-b93b0da */.elementor-16 .elementor-element.elementor-element-b93b0da { width: 100%; max-width: 1320px; margin-inline: auto; display: flex; align-items: stretch; gap: 28px; margin-top: 48px; } .elementor-16 .elementor-element.elementor-element-b93b0da > * { flex: 1 1 0; min-width: 0; } @media (max-width: 1024px) { .elementor-16 .elementor-element.elementor-element-b93b0da { flex-wrap: wrap; } .elementor-16 .elementor-element.elementor-element-b93b0da > * { flex: 1 1 calc(50% - 14px); } } @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-b93b0da { flex-direction: column; gap: 22px; margin-top: 36px; } .elementor-16 .elementor-element.elementor-element-b93b0da > * { width: 100%; flex-basis: auto; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1e452cd */.elementor-16 .elementor-element.elementor-element-1e452cd { position: relative; isolation: isolate; overflow: hidden; width: 100%; max-width: 100%; background: linear-gradient( 180deg, #f9f5ee 0%, #fffdf9 58%, #faf7f1 100% ); border-top: 1px solid rgba(212, 175, 55, 0.16); border-bottom: 1px solid rgba(212, 175, 55, 0.14); padding: 105px 32px 115px; } /* Soft gold-and-purple atmosphere behind the heading */ .elementor-16 .elementor-element.elementor-element-1e452cd::before { content: ""; position: absolute; top: -220px; left: 50%; transform: translateX(-50%); width: 680px; height: 430px; background: radial-gradient( ellipse at center, rgba(212, 175, 55, 0.14) 0%, rgba(102, 80, 146, 0.07) 34%, rgba(255, 255, 255, 0.18) 52%, transparent 74% ); filter: blur(18px); pointer-events: none; z-index: 0; } /* Refined gold accent at the top */ .elementor-16 .elementor-element.elementor-element-1e452cd::after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 180px; height: 3px; background: linear-gradient( 90deg, transparent 0%, rgba(212, 175, 55, 0.45) 18%, #d4af37 50%, rgba(212, 175, 55, 0.45) 82%, transparent 100% ); border-radius: 999px; box-shadow: 0 3px 12px rgba(212, 175, 55, 0.14); pointer-events: none; z-index: 1; } /* Keep all Elementor content above the decorative layers */ .elementor-16 .elementor-element.elementor-element-1e452cd > * { position: relative; z-index: 2; } /* Tablet */ @media (max-width: 1024px) { .elementor-16 .elementor-element.elementor-element-1e452cd { padding: 88px 24px 96px; } .elementor-16 .elementor-element.elementor-element-1e452cd::before { top: -185px; width: 520px; height: 350px; filter: blur(16px); } .elementor-16 .elementor-element.elementor-element-1e452cd::after { width: 145px; } } /* Mobile */ @media (max-width: 767px) { .elementor-16 .elementor-element.elementor-element-1e452cd { overflow-x: clip; padding: 72px 18px 80px; background: linear-gradient( 180deg, #f9f5ee 0%, #fffdf9 60%, #faf7f1 100% ); } .elementor-16 .elementor-element.elementor-element-1e452cd::before { top: -135px; width: 320px; height: 250px; background: radial-gradient( ellipse at center, rgba(212, 175, 55, 0.11) 0%, rgba(102, 80, 146, 0.05) 38%, transparent 72% ); filter: blur(14px); } .elementor-16 .elementor-element.elementor-element-1e452cd::after { width: 105px; height: 2px; } }/* End custom CSS */