.elementor-493 .elementor-element.elementor-element-1233cb94{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.74;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-493 .elementor-element.elementor-element-1233cb94:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-1233cb94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.goldleafonline.com/wp-content/uploads/2026/05/Untitled-design.png");background-repeat:no-repeat;background-size:cover;}.elementor-493 .elementor-element.elementor-element-1233cb94::before, .elementor-493 .elementor-element.elementor-element-1233cb94 > .elementor-background-video-container::before, .elementor-493 .elementor-element.elementor-element-1233cb94 > .e-con-inner > .elementor-background-video-container::before, .elementor-493 .elementor-element.elementor-element-1233cb94 > .elementor-background-slideshow::before, .elementor-493 .elementor-element.elementor-element-1233cb94 > .e-con-inner > .elementor-background-slideshow::before, .elementor-493 .elementor-element.elementor-element-1233cb94 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#192D46;--background-overlay:'';}.elementor-493 .elementor-element.elementor-element-1233cb94.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-493 .elementor-element.elementor-element-3e03b622{--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;--border-radius:40px 40px 40px 40px;--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-493 .elementor-element.elementor-element-3e03b622:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-3e03b622 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #E5C166 0%, #C4931A 100%);}.elementor-493 .elementor-element.elementor-element-50de6796{--display:flex;--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-493 .elementor-element.elementor-element-50de6796:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-50de6796 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.goldleafonline.com/wp-content/uploads/2026/05/1-removebg-preview.png");background-position:center center;background-size:cover;}.elementor-493 .elementor-element.elementor-element-3d8794aa{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-493 .elementor-element.elementor-element-688ee268{padding:0px 0px 0px 0px;text-align:center;}.elementor-493 .elementor-element.elementor-element-688ee268 .elementor-heading-title{font-family:"Domine", Sans-serif;font-size:42px;font-weight:600;line-height:48px;color:#000000;}.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-493 .elementor-element.elementor-element-6ad9e79d .elementor-button{background-color:#EEEFE9;font-family:"Cormorant", Sans-serif;font-size:21px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:3px 3px 3px 3px;border-color:#EDCC77;border-radius:18px 18px 18px 18px;padding:22px 22px 22px 22px;}.elementor-493 .elementor-element.elementor-element-6ad9e79d{border-style:none;}.elementor-493 .elementor-element.elementor-element-2117d06a{padding:0px 0px 0px 0px;text-align:center;}.elementor-493 .elementor-element.elementor-element-2117d06a .elementor-heading-title{font-family:"Cormorant", Sans-serif;font-size:19px;font-weight:400;line-height:26px;color:#2D2D2D;}.elementor-493 .elementor-element.elementor-element-17eb3252{--display:flex;--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-493 .elementor-element.elementor-element-17eb3252:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-17eb3252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.goldleafonline.com/wp-content/uploads/2026/05/leaf-flip.png");background-position:center center;background-size:cover;}@media(max-width:1024px){.elementor-493 .elementor-element.elementor-element-50de6796:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-50de6796 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-80px 79px;background-repeat:no-repeat;background-size:362px auto;}.elementor-493 .elementor-element.elementor-element-3d8794aa{--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-493 .elementor-element.elementor-element-688ee268 .elementor-heading-title{font-size:29px;line-height:0.9em;}.elementor-493 .elementor-element.elementor-element-17eb3252:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-17eb3252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.goldleafonline.com/wp-content/uploads/2026/05/2-removebg-preview.png");background-position:-110px -6px;background-repeat:no-repeat;background-size:362px auto;}}@media(min-width:768px){.elementor-493 .elementor-element.elementor-element-1233cb94{--width:100%;}.elementor-493 .elementor-element.elementor-element-3e03b622{--width:90%;}.elementor-493 .elementor-element.elementor-element-50de6796{--width:30%;}.elementor-493 .elementor-element.elementor-element-3d8794aa{--width:50%;}.elementor-493 .elementor-element.elementor-element-17eb3252{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-493 .elementor-element.elementor-element-1233cb94{--width:100%;}.elementor-493 .elementor-element.elementor-element-3e03b622{--width:90%;}}@media(max-width:767px){.elementor-493 .elementor-element.elementor-element-1233cb94{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-493 .elementor-element.elementor-element-50de6796{--min-height:200px;}.elementor-493 .elementor-element.elementor-element-50de6796:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-50de6796 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-493 .elementor-element.elementor-element-3d8794aa{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-493 .elementor-element.elementor-element-688ee268 .elementor-heading-title{font-size:35px;}.elementor-493 .elementor-element.elementor-element-6ad9e79d .elementor-button{padding:15px 15px 15px 15px;}.elementor-493 .elementor-element.elementor-element-17eb3252{--min-height:200px;}.elementor-493 .elementor-element.elementor-element-17eb3252:not(.elementor-motion-effects-element-type-background), .elementor-493 .elementor-element.elementor-element-17eb3252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for heading, class: .elementor-element-688ee268 */.elementor-493 .elementor-element.elementor-element-688ee268 span { background: linear-gradient( 180deg, #EDCC78 0%, #E0BA5A 25%, #CEA131 50%, #C39218 75%, #C08D0F 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2117d06a */.elementor-493 .elementor-element.elementor-element-2117d06a span { background: linear-gradient( 180deg, #EDCC78 0%, #E0BA5A 25%, #CEA131 50%, #C39218 75%, #C08D0F 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }/* End custom CSS */ /* Start custom CSS *//* Define the animation keyframes */ @keyframes floatUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(-20px); } 100% { transform: translateY(0); } } .float-container { animation: floatUpDown 8s ease-in-out infinite; } /* Main container setup for the glass effect */ .glass-pulse-box { position: relative; /* Add padding if Elementor doesn't already have it set */ padding: 30px 60px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Border radius and overflow hidden are critical to clip the animated line */ border-radius: 10px; overflow: hidden; } .glass-pulse-box-box { /* Add padding if Elementor doesn't already have it set */ border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Border radius and overflow hidden are critical to clip the animated line */ border-radius: 10px; overflow: hidden; } .glass-pulse-box-wide { /* Add padding if Elementor doesn't already have it set */ border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Border radius and overflow hidden are critical to clip the animated line */ border-radius: 10px; overflow: hidden; } .glass-pulse-box-wide:hover { /* Add padding if Elementor doesn't already have it set */ border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Glassmorphism settings */ background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(12px); /* Border radius and overflow hidden are critical to clip the animated line */ border-radius: 10px; overflow: hidden; } .glass-pulse-box-memberships { position: relative; /* Add padding if Elementor doesn't already have it set */ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Border radius and overflow hidden are critical to clip the animated line */ overflow: hidden; } /* Main container setup for the glass effect on hover*/ .glass-pulse-box:hover { position: relative; /* Add padding if Elementor doesn't already have it set */ padding: 30px 60px; /* Glassmorphism settings */ background: rgba(255, 0, 0, 0.25); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Safari support */ border: 1px solid #c18e10; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Border radius and overflow hidden are critical to clip the animated line */ border-radius: 10px; overflow: hidden; } /* The animated bottom border */ .glass-pulse-box::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; /* The exact color stops for the #c18e10 base and red soft-edge pulse */ background: linear-gradient( 90deg, #c18e10 0%, #c18e10 calc(50% - 10px), red 50%, #c18e10 calc(50% + 10px), #c18e10 100% ); /* Hides the pulse off-screen initially */ background-size: 300% 100%; background-position: 100% 0; transform: scaleX(0); transform-origin: center; transition: transform 0.9s ease-out; } /* Trigger states */ .glass-pulse-box:hover::after, .glass-pulse-box:focus-within::after { transform: scaleX(1); animation: slide-red-pulse 1.9s linear infinite; animation-delay: 0.4s; } /* The left-to-right pulse animation */ @keyframes slide-red-pulse { 0% { background-position: 100% 0; } 100% { background-position: 0% 0; } } /* small side boxes*/ .glass-pulse-box-box:hover { /* Glassmorphism settings */ background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Safari support */ border: 1px solid #fff; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Border radius and overflow hidden are critical to clip the animated line */ border-radius: 10px; overflow: hidden; } /* The animated bottom border */ .glass-pulse-box-box::after { content: ''; position: absolute; bottom: 0; left: 0; width: 8px; /* Fixed width */ height: 100%; /* Spans the full height of the div */ /* The exact color stops for the #c18e10 base and red soft-edge pulse */ background: linear-gradient( 180deg, #c18e10 0%, #c18e10 calc(50% - 10px), red 50%, #c18e10 calc(50% + 10px), #c18e10 100% ); /* Hides the pulse off-screen initially */ background-size: 100% 300%; background-position: 0 100%; transform: scaleY(0); transform-origin: center; transition: transform 0.9s ease-out; } /* Trigger states */ .glass-pulse-box-box:hover::after, .glass-pulse-box:focus-within::after { transform: scaleY(2); animation: slide-red-pulse 1.9s linear infinite; animation-delay: 0.4s; } /* The left-to-right pulse animation */ @keyframes slide-red-pulse { 0% { background-position: 0 100%; } 100% { background-position: 0 0%; } } /* The animated bottom border wide section */ .glass-pulse-box-wide::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; /* The exact color stops for the #c18e10 base and red soft-edge pulse */ background: linear-gradient( 90deg, #c18e10 0%, #c18e10 calc(50% - 10px), red 50%, #c18e10 calc(50% + 10px), #c18e10 100% ); /* Hides the pulse off-screen initially */ background-size: 300% 100%; background-position: 100% 0; transform: scaleX(0); transform-origin: center; transition: transform 0.9s ease-out; } /* Trigger states */ .glass-pulse-box-wide:hover::after, .glass-pulse-box-wide:focus-within::after { transform: scaleX(1); animation: slide-red-pulse 1.9s linear infinite; animation-delay: 0.4s; } /* The left-to-right pulse animation */ @keyframes slide-red-pulse { 0% { background-position: 100% 0; } 100% { background-position: 0% 0; } } /* Main container cards no border */ .glass-pulse-box-no-border { position: relative; /* Add padding if Elementor doesn't already have it set */ padding: 30px 60px; /* Glassmorphism settings */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Safari support */ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Border radius and overflow hidden are critical to clip the animated line */ border-radius: 10px; overflow: hidden; } /* Main container cards no border */ .glass-pulse-box-no-border:hover { position: relative; /* Add padding if Elementor doesn't already have it set */ padding: 30px 60px; /* Glassmorphism settings */ background: rgba(255, 0, 0, 0.25); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Safari support */ box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); /* Border radius and overflow hidden are critical to clip the animated line */ border-radius: 10px; overflow: hidden; }/* End custom CSS */