.elementor-4256 .elementor-element.elementor-element-4039e51{--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-4256 .elementor-element.elementor-element-4039e51:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-4039e51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3F8FF;}.elementor-4256 .elementor-element.elementor-element-4487d47{--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-4256 .elementor-element.elementor-element-4487d47:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-4487d47 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#202020;}.elementor-4256 .elementor-element.elementor-element-3f003bb{--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-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-4256 .elementor-element.elementor-element-9735d2d{text-align:center;color:#FFFFFF;}.elementor-4256 .elementor-element.elementor-element-81d5f99{--display:flex;--min-height:100vh;--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;}.elementor-4256 .elementor-element.elementor-element-81d5f99:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-81d5f99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E6F1FF;}.elementor-4256 .elementor-element.elementor-element-81d5f99.e-con{--align-self:center;}.elementor-4256 .elementor-element.elementor-element-f51809a{--display:flex;--min-height:42vh;--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;border-style:solid;--border-style:solid;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-4256 .elementor-element.elementor-element-b4a6440{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#000000;--border-color:#000000;--border-radius:25px 25px 25px 25px;}.elementor-4256 .elementor-element.elementor-element-b4a6440:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-b4a6440 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFB300 0%, #FFFFFF 100%);}.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-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-4256 .elementor-element.elementor-element-88958e4 .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:13px 13px 13px 13px;}.elementor-4256 .elementor-element.elementor-element-8b82a8d{--display:flex;--min-height:42vh;--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;border-style:solid;--border-style:solid;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-4256 .elementor-element.elementor-element-f180067{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#000000;--border-color:#000000;--border-radius:25px 25px 25px 25px;}.elementor-4256 .elementor-element.elementor-element-f180067:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-f180067 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFB300 0%, #FFFFFF 100%);}.elementor-4256 .elementor-element.elementor-element-cf6b4f7 .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:13px 13px 13px 13px;}.elementor-4256 .elementor-element.elementor-element-d50ff9e{--display:flex;--min-height:42vh;--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;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4256 .elementor-element.elementor-element-5976776{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#000000;--border-color:#000000;--border-radius:25px 25px 25px 25px;}.elementor-4256 .elementor-element.elementor-element-5976776:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-5976776 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFB300 0%, #FFFFFF 100%);}.elementor-4256 .elementor-element.elementor-element-d3ae2aa .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:13px 13px 13px 13px;}.elementor-4256 .elementor-element.elementor-element-e56c20a{--display:flex;--min-height:42vh;--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;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4256 .elementor-element.elementor-element-9bbb481{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#000000;--border-color:#000000;--border-radius:25px 25px 25px 25px;}.elementor-4256 .elementor-element.elementor-element-9bbb481:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-9bbb481 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFB300 0%, #FFFFFF 100%);}.elementor-4256 .elementor-element.elementor-element-3a69e28 .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:13px 13px 13px 13px;}.elementor-4256 .elementor-element.elementor-element-afc3ad3{--display:flex;--min-height:42vh;--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;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4256 .elementor-element.elementor-element-e43df98{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#000000;--border-color:#000000;--border-radius:25px 25px 25px 25px;}.elementor-4256 .elementor-element.elementor-element-e43df98:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-e43df98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFB300 0%, #FFFFFF 100%);}.elementor-4256 .elementor-element.elementor-element-b4b5c7d .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:13px 13px 13px 13px;}.elementor-4256 .elementor-element.elementor-element-826352f{--display:flex;--min-height:42vh;--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;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-4256 .elementor-element.elementor-element-8d1a358{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#000000;--border-color:#000000;--border-radius:25px 25px 25px 25px;}.elementor-4256 .elementor-element.elementor-element-8d1a358:not(.elementor-motion-effects-element-type-background), .elementor-4256 .elementor-element.elementor-element-8d1a358 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFB300 0%, #FFFFFF 100%);}.elementor-4256 .elementor-element.elementor-element-1fa6492 .elementor-button{background-color:#000000;font-family:"Poppins", Sans-serif;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);border-radius:13px 13px 13px 13px;}@media(max-width:767px){.elementor-4256 .elementor-element.elementor-element-4039e51{--content-width:450px;}.elementor-4256 .elementor-element.elementor-element-81d5f99{--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4256 .elementor-element.elementor-element-f51809a{--min-height:55vh;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4256 .elementor-element.elementor-element-b4a6440{border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:21px 21px 21px 21px;--z-index:0;}.elementor-4256 .elementor-element.elementor-element-b17db8f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-88958e4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-8b82a8d{--min-height:55vh;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-4256 .elementor-element.elementor-element-f180067{border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:21px 21px 21px 21px;--z-index:0;}.elementor-4256 .elementor-element.elementor-element-fde460b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-cf6b4f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-d50ff9e{--min-height:55vh;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4256 .elementor-element.elementor-element-5976776{border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:21px 21px 21px 21px;--z-index:0;}.elementor-4256 .elementor-element.elementor-element-9a3ece9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-d3ae2aa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-e56c20a{--min-height:55vh;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-4256 .elementor-element.elementor-element-9bbb481{border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:21px 21px 21px 21px;--z-index:0;}.elementor-4256 .elementor-element.elementor-element-e624a56{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:23px 0px 0px 0px;}.elementor-4256 .elementor-element.elementor-element-3a69e28{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-afc3ad3{--min-height:55vh;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:5;}.elementor-4256 .elementor-element.elementor-element-e43df98{border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:21px 21px 21px 21px;--z-index:0;}.elementor-4256 .elementor-element.elementor-element-d444225{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-b4b5c7d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-826352f{--min-height:55vh;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:6;}.elementor-4256 .elementor-element.elementor-element-8d1a358{border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;--border-radius:21px 21px 21px 21px;--z-index:0;}.elementor-4256 .elementor-element.elementor-element-8600767{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4256 .elementor-element.elementor-element-1fa6492{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-4256 .elementor-element.elementor-element-4039e51{--content-width:450px;}.elementor-4256 .elementor-element.elementor-element-81d5f99{--width:450px;}.elementor-4256 .elementor-element.elementor-element-f51809a{--width:75%;}.elementor-4256 .elementor-element.elementor-element-8b82a8d{--width:75%;}.elementor-4256 .elementor-element.elementor-element-d50ff9e{--width:75%;}.elementor-4256 .elementor-element.elementor-element-e56c20a{--width:75%;}.elementor-4256 .elementor-element.elementor-element-afc3ad3{--width:75%;}.elementor-4256 .elementor-element.elementor-element-826352f{--width:75%;}}/* Start custom CSS for button, class: .elementor-element-88958e4 *//* ========================================= PREMIUM GLOSSY BLACK CTA BUTTON SLOW LEFT → RIGHT SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-88958e4 .elementor-button { position: relative; overflow: hidden; background: linear-gradient( 180deg, #151515 0%, #000000 50%, #050505 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.5); transition: all 0.3s ease; } /* ========================================= KEEP BUTTON TEXT ABOVE THE SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-88958e4 .elementor-button-content-wrapper { position: relative; z-index: 10; } /* ========================================= GLOSSY LIGHT STREAK ========================================= */ .elementor-4256 .elementor-element.elementor-element-88958e4 .elementor-button::after { content: ""; position: absolute; top: -130%; left: 0; width: 42%; height: 360%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.02) 18%, rgba(255,255,255,0.08) 32%, rgba(255,255,255,0.35) 42%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.35) 58%, rgba(255,255,255,0.08) 68%, rgba(255,255,255,0.02) 82%, transparent 100% ); transform: translateX(-300%) rotate(18deg); filter: blur(1.5px); pointer-events: none; z-index: 5; /* VERY SLOW ANIMATION Complete cycle = 10 seconds */ animation: slowPremiumGloss 10s cubic-bezier(.65,0,.35,1) infinite; } /* ========================================= LEFT → RIGHT SLOW MOVEMENT ========================================= */ @keyframes slowPremiumGloss { /* LONG PAUSE BEFORE SHINE */ 0% { transform: translateX(-300%) rotate(18deg); opacity: 0; } 20% { transform: translateX(-300%) rotate(18deg); opacity: 0; } /* VERY SOFT FADE IN */ 25% { opacity: 0.7; } /* START MOVING */ 28% { opacity: 1; transform: translateX(-300%) rotate(18deg); } /* SLOW LEFT → RIGHT */ 65% { transform: translateX(300%) rotate(18deg); opacity: 1; } /* FADE OUT */ 70% { transform: translateX(300%) rotate(18deg); opacity: 0; } /* WAIT */ 100% { transform: translateX(300%) rotate(18deg); opacity: 0; } } /* ========================================= SUBTLE HOVER ========================================= */ .elementor-4256 .elementor-element.elementor-element-88958e4 .elementor-button:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.5); } /* ========================================= REMOVE FOCUS OUTLINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-88958e4 .elementor-button:focus { outline: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-cf6b4f7 *//* ========================================= PREMIUM GLOSSY BLACK CTA BUTTON SLOW LEFT → RIGHT SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-cf6b4f7 .elementor-button { position: relative; overflow: hidden; background: linear-gradient( 180deg, #151515 0%, #000000 50%, #050505 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.5); transition: all 0.3s ease; } /* ========================================= KEEP BUTTON TEXT ABOVE THE SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-cf6b4f7 .elementor-button-content-wrapper { position: relative; z-index: 10; } /* ========================================= GLOSSY LIGHT STREAK ========================================= */ .elementor-4256 .elementor-element.elementor-element-cf6b4f7 .elementor-button::after { content: ""; position: absolute; top: -130%; left: 0; width: 42%; height: 360%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.02) 18%, rgba(255,255,255,0.08) 32%, rgba(255,255,255,0.35) 42%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.35) 58%, rgba(255,255,255,0.08) 68%, rgba(255,255,255,0.02) 82%, transparent 100% ); transform: translateX(-300%) rotate(18deg); filter: blur(1.5px); pointer-events: none; z-index: 5; /* VERY SLOW ANIMATION Complete cycle = 10 seconds */ animation: slowPremiumGloss 10s cubic-bezier(.65,0,.35,1) infinite; } /* ========================================= LEFT → RIGHT SLOW MOVEMENT ========================================= */ @keyframes slowPremiumGloss { /* LONG PAUSE BEFORE SHINE */ 0% { transform: translateX(-300%) rotate(18deg); opacity: 0; } 20% { transform: translateX(-300%) rotate(18deg); opacity: 0; } /* VERY SOFT FADE IN */ 25% { opacity: 0.7; } /* START MOVING */ 28% { opacity: 1; transform: translateX(-300%) rotate(18deg); } /* SLOW LEFT → RIGHT */ 65% { transform: translateX(300%) rotate(18deg); opacity: 1; } /* FADE OUT */ 70% { transform: translateX(300%) rotate(18deg); opacity: 0; } /* WAIT */ 100% { transform: translateX(300%) rotate(18deg); opacity: 0; } } /* ========================================= SUBTLE HOVER ========================================= */ .elementor-4256 .elementor-element.elementor-element-cf6b4f7 .elementor-button:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.5); } /* ========================================= REMOVE FOCUS OUTLINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-cf6b4f7 .elementor-button:focus { outline: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d3ae2aa *//* ========================================= PREMIUM GLOSSY BLACK CTA BUTTON SLOW LEFT → RIGHT SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-d3ae2aa .elementor-button { position: relative; overflow: hidden; background: linear-gradient( 180deg, #151515 0%, #000000 50%, #050505 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.5); transition: all 0.3s ease; } /* ========================================= KEEP BUTTON TEXT ABOVE THE SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-d3ae2aa .elementor-button-content-wrapper { position: relative; z-index: 10; } /* ========================================= GLOSSY LIGHT STREAK ========================================= */ .elementor-4256 .elementor-element.elementor-element-d3ae2aa .elementor-button::after { content: ""; position: absolute; top: -130%; left: 0; width: 42%; height: 360%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.02) 18%, rgba(255,255,255,0.08) 32%, rgba(255,255,255,0.35) 42%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.35) 58%, rgba(255,255,255,0.08) 68%, rgba(255,255,255,0.02) 82%, transparent 100% ); transform: translateX(-300%) rotate(18deg); filter: blur(1.5px); pointer-events: none; z-index: 5; /* VERY SLOW ANIMATION Complete cycle = 10 seconds */ animation: slowPremiumGloss 10s cubic-bezier(.65,0,.35,1) infinite; } /* ========================================= LEFT → RIGHT SLOW MOVEMENT ========================================= */ @keyframes slowPremiumGloss { /* LONG PAUSE BEFORE SHINE */ 0% { transform: translateX(-300%) rotate(18deg); opacity: 0; } 20% { transform: translateX(-300%) rotate(18deg); opacity: 0; } /* VERY SOFT FADE IN */ 25% { opacity: 0.7; } /* START MOVING */ 28% { opacity: 1; transform: translateX(-300%) rotate(18deg); } /* SLOW LEFT → RIGHT */ 65% { transform: translateX(300%) rotate(18deg); opacity: 1; } /* FADE OUT */ 70% { transform: translateX(300%) rotate(18deg); opacity: 0; } /* WAIT */ 100% { transform: translateX(300%) rotate(18deg); opacity: 0; } } /* ========================================= SUBTLE HOVER ========================================= */ .elementor-4256 .elementor-element.elementor-element-d3ae2aa .elementor-button:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.5); } /* ========================================= REMOVE FOCUS OUTLINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-d3ae2aa .elementor-button:focus { outline: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-3a69e28 *//* ========================================= PREMIUM GLOSSY BLACK CTA BUTTON SLOW LEFT → RIGHT SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-3a69e28 .elementor-button { position: relative; overflow: hidden; background: linear-gradient( 180deg, #151515 0%, #000000 50%, #050505 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.5); transition: all 0.3s ease; } /* ========================================= KEEP BUTTON TEXT ABOVE THE SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-3a69e28 .elementor-button-content-wrapper { position: relative; z-index: 10; } /* ========================================= GLOSSY LIGHT STREAK ========================================= */ .elementor-4256 .elementor-element.elementor-element-3a69e28 .elementor-button::after { content: ""; position: absolute; top: -130%; left: 0; width: 42%; height: 360%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.02) 18%, rgba(255,255,255,0.08) 32%, rgba(255,255,255,0.35) 42%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.35) 58%, rgba(255,255,255,0.08) 68%, rgba(255,255,255,0.02) 82%, transparent 100% ); transform: translateX(-300%) rotate(18deg); filter: blur(1.5px); pointer-events: none; z-index: 5; /* VERY SLOW ANIMATION Complete cycle = 10 seconds */ animation: slowPremiumGloss 10s cubic-bezier(.65,0,.35,1) infinite; } /* ========================================= LEFT → RIGHT SLOW MOVEMENT ========================================= */ @keyframes slowPremiumGloss { /* LONG PAUSE BEFORE SHINE */ 0% { transform: translateX(-300%) rotate(18deg); opacity: 0; } 20% { transform: translateX(-300%) rotate(18deg); opacity: 0; } /* VERY SOFT FADE IN */ 25% { opacity: 0.7; } /* START MOVING */ 28% { opacity: 1; transform: translateX(-300%) rotate(18deg); } /* SLOW LEFT → RIGHT */ 65% { transform: translateX(300%) rotate(18deg); opacity: 1; } /* FADE OUT */ 70% { transform: translateX(300%) rotate(18deg); opacity: 0; } /* WAIT */ 100% { transform: translateX(300%) rotate(18deg); opacity: 0; } } /* ========================================= SUBTLE HOVER ========================================= */ .elementor-4256 .elementor-element.elementor-element-3a69e28 .elementor-button:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.5); } /* ========================================= REMOVE FOCUS OUTLINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-3a69e28 .elementor-button:focus { outline: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-b4b5c7d *//* ========================================= PREMIUM GLOSSY BLACK CTA BUTTON SLOW LEFT → RIGHT SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-b4b5c7d .elementor-button { position: relative; overflow: hidden; background: linear-gradient( 180deg, #151515 0%, #000000 50%, #050505 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.5); transition: all 0.3s ease; } /* ========================================= KEEP BUTTON TEXT ABOVE THE SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-b4b5c7d .elementor-button-content-wrapper { position: relative; z-index: 10; } /* ========================================= GLOSSY LIGHT STREAK ========================================= */ .elementor-4256 .elementor-element.elementor-element-b4b5c7d .elementor-button::after { content: ""; position: absolute; top: -130%; left: 0; width: 42%; height: 360%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.02) 18%, rgba(255,255,255,0.08) 32%, rgba(255,255,255,0.35) 42%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.35) 58%, rgba(255,255,255,0.08) 68%, rgba(255,255,255,0.02) 82%, transparent 100% ); transform: translateX(-300%) rotate(18deg); filter: blur(1.5px); pointer-events: none; z-index: 5; /* VERY SLOW ANIMATION Complete cycle = 10 seconds */ animation: slowPremiumGloss 10s cubic-bezier(.65,0,.35,1) infinite; } /* ========================================= LEFT → RIGHT SLOW MOVEMENT ========================================= */ @keyframes slowPremiumGloss { /* LONG PAUSE BEFORE SHINE */ 0% { transform: translateX(-300%) rotate(18deg); opacity: 0; } 20% { transform: translateX(-300%) rotate(18deg); opacity: 0; } /* VERY SOFT FADE IN */ 25% { opacity: 0.7; } /* START MOVING */ 28% { opacity: 1; transform: translateX(-300%) rotate(18deg); } /* SLOW LEFT → RIGHT */ 65% { transform: translateX(300%) rotate(18deg); opacity: 1; } /* FADE OUT */ 70% { transform: translateX(300%) rotate(18deg); opacity: 0; } /* WAIT */ 100% { transform: translateX(300%) rotate(18deg); opacity: 0; } } /* ========================================= SUBTLE HOVER ========================================= */ .elementor-4256 .elementor-element.elementor-element-b4b5c7d .elementor-button:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.5); } /* ========================================= REMOVE FOCUS OUTLINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-b4b5c7d .elementor-button:focus { outline: none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-1fa6492 *//* ========================================= PREMIUM GLOSSY BLACK CTA BUTTON SLOW LEFT → RIGHT SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-1fa6492 .elementor-button { position: relative; overflow: hidden; background: linear-gradient( 180deg, #151515 0%, #000000 50%, #050505 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 -1px 0 rgba(0,0,0,0.5); transition: all 0.3s ease; } /* ========================================= KEEP BUTTON TEXT ABOVE THE SHINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-1fa6492 .elementor-button-content-wrapper { position: relative; z-index: 10; } /* ========================================= GLOSSY LIGHT STREAK ========================================= */ .elementor-4256 .elementor-element.elementor-element-1fa6492 .elementor-button::after { content: ""; position: absolute; top: -130%; left: 0; width: 42%; height: 360%; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,0.02) 18%, rgba(255,255,255,0.08) 32%, rgba(255,255,255,0.35) 42%, rgba(255,255,255,0.95) 50%, rgba(255,255,255,0.35) 58%, rgba(255,255,255,0.08) 68%, rgba(255,255,255,0.02) 82%, transparent 100% ); transform: translateX(-300%) rotate(18deg); filter: blur(1.5px); pointer-events: none; z-index: 5; /* VERY SLOW ANIMATION Complete cycle = 10 seconds */ animation: slowPremiumGloss 10s cubic-bezier(.65,0,.35,1) infinite; } /* ========================================= LEFT → RIGHT SLOW MOVEMENT ========================================= */ @keyframes slowPremiumGloss { /* LONG PAUSE BEFORE SHINE */ 0% { transform: translateX(-300%) rotate(18deg); opacity: 0; } 20% { transform: translateX(-300%) rotate(18deg); opacity: 0; } /* VERY SOFT FADE IN */ 25% { opacity: 0.7; } /* START MOVING */ 28% { opacity: 1; transform: translateX(-300%) rotate(18deg); } /* SLOW LEFT → RIGHT */ 65% { transform: translateX(300%) rotate(18deg); opacity: 1; } /* FADE OUT */ 70% { transform: translateX(300%) rotate(18deg); opacity: 0; } /* WAIT */ 100% { transform: translateX(300%) rotate(18deg); opacity: 0; } } /* ========================================= SUBTLE HOVER ========================================= */ .elementor-4256 .elementor-element.elementor-element-1fa6492 .elementor-button:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 -1px 0 rgba(0,0,0,0.5); } /* ========================================= REMOVE FOCUS OUTLINE ========================================= */ .elementor-4256 .elementor-element.elementor-element-1fa6492 .elementor-button:focus { outline: none; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-81d5f99 */background: linear-gradient( 135deg, #062A5C 0%, #0B3A82 50%, #1565C0 100% );/* End custom CSS */