.elementor-1480 .elementor-element.elementor-element-89991b2{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.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-1480 .elementor-element.elementor-element-5a30587 img{width:25%;}.elementor-1480 .elementor-element.elementor-element-e4345d2{--display:flex;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1480 .elementor-element.elementor-element-a6d1590{--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;--justify-content:center;--align-items:center;--gap:0px 12px;--row-gap:0px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1480 .elementor-element.elementor-element-7138edb .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:#61CE70;color:#61CE70;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-7138edb .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-7138edb .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-7138edb{margin:0px 2px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-7138edb .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-7138edb .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-455259a .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-455259a .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-455259a .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-455259a{margin:0px 8px calc(var(--kit-widget-spacing, 0px) + 0px) 14px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-455259a .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-455259a .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-73b20f0 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-73b20f0 .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-73b20f0 .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-73b20f0{margin:0px 6px calc(var(--kit-widget-spacing, 0px) + 0px) 14px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-73b20f0 .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-73b20f0 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-dc239cb .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-dc239cb .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-dc239cb .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-dc239cb{margin:0px 6px calc(var(--kit-widget-spacing, 0px) + 0px) 17px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-dc239cb .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-dc239cb .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-c4ab8a9 .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-c4ab8a9 .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-c4ab8a9 .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-c4ab8a9{margin:0px 6px calc(var(--kit-widget-spacing, 0px) + 0px) 14px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-c4ab8a9 .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-c4ab8a9 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-4d43dcf .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-4d43dcf .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-4d43dcf .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-4d43dcf{margin:0px 6px calc(var(--kit-widget-spacing, 0px) + 0px) 14px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-4d43dcf .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-4d43dcf .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-24bbd00 .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-24bbd00 .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-24bbd00 .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-24bbd00{margin:0px 3px calc(var(--kit-widget-spacing, 0px) + 0px) 14px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-24bbd00 .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-24bbd00 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-22e569d .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-22e569d .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-22e569d .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-22e569d{margin:0px 4px calc(var(--kit-widget-spacing, 0px) + 0px) 14px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-22e569d .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-22e569d .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-0729284 .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-0729284 .elementor-button:hover, .elementor-1480 .elementor-element.elementor-element-0729284 .elementor-button:focus{background-color:var( --e-global-color-5dfdd02 );color:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-0729284{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 14px;border-style:none;}.elementor-1480 .elementor-element.elementor-element-0729284 .elementor-button:hover svg, .elementor-1480 .elementor-element.elementor-element-0729284 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1480 .elementor-element.elementor-element-1b7ac00{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1480 .elementor-element.elementor-element-4d2e2ed{text-align:center;}.elementor-1480 .elementor-element.elementor-element-4d2e2ed img{width:100%;opacity:0.77;border-radius:12px 12px 12px 12px;}.elementor-1480 .elementor-element.elementor-element-41d7906{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1480 .elementor-element.elementor-element-4fa1a25{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-flip-box__front{background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/Gemini_Generated_Image_y921y1y921y1y921-copy.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-flip-box__back{background-color:#E9DC66;}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-flip-box{height:351px;}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-flip-box__layer, .elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-icon i{transform:rotate(0deg);}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-icon svg{transform:rotate(0deg);}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1480 .elementor-element.elementor-element-45a1a05 .elementor-flip-box__button{margin-inline-center:0;}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-flip-box__front{background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/Togelonline88-Dinamika-Result-Togel-Hongkong.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-flip-box__back{background-color:#E9DC66;}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-flip-box{height:351px;}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-flip-box__layer, .elementor-1480 .elementor-element.elementor-element-a60219e .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-icon i{transform:rotate(0deg);}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-icon svg{transform:rotate(0deg);}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1480 .elementor-element.elementor-element-a60219e .elementor-flip-box__button{margin-inline-center:0;}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-flip-box__front{background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/benner-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-flip-box__back{background-color:#E9DC66;}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-flip-box{height:351px;}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-flip-box__layer, .elementor-1480 .elementor-element.elementor-element-414a69c .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-icon i{transform:rotate(0deg);}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-icon svg{transform:rotate(0deg);}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1480 .elementor-element.elementor-element-414a69c .elementor-flip-box__button{margin-inline-center:0;}.elementor-1480 .elementor-element.elementor-element-80b924c{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}body.elementor-page-1480:not(.elementor-motion-effects-element-type-background), body.elementor-page-1480 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5dfdd02 );}@media(min-width:768px){.elementor-1480 .elementor-element.elementor-element-a6d1590{--content-width:1140px;}}@media(max-width:1024px){.elementor-1480 .elementor-element.elementor-element-5a30587 img{width:32%;}.elementor-1480 .elementor-element.elementor-element-80b924c{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1480 .elementor-element.elementor-element-5a30587 img{width:49%;}.elementor-1480 .elementor-element.elementor-element-80b924c{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for button, class: .elementor-element-7138edb *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } } /* FORCE PINK - TEST */ html body .premium-btn a.elementor-button, html body .premium-btn .elementor-button, html body .premium-btn a.elementor-button:hover, html body .premium-btn .elementor-button:hover, html body .premium-btn a.elementor-button:focus, html body .premium-btn .elementor-button:focus { background: #61CE70 !important; background-color: #61CE70 !important; background-image: none !important; border-color: #FFD21C !important; color: #FFFFFF !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-455259a *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-73b20f0 *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-dc239cb *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c4ab8a9 *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4d43dcf *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-24bbd00 *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-22e569d *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0729284 *//* ========================================== PREMIUM ELEMENTOR BUTTON Class: premium-btn Green + Yellow Animated ========================================== */ .premium-btn .elementor-button { position: relative; isolation: isolate; overflow: hidden; min-width: 100px; min-height: 50px; padding: 12px 20px; background: #087c40 !important; border: 1px solid #ffe12b !important; border-radius: 10px !important; color: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.20), inset 0 1px 0 rgba(255,255,255,.15); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; z-index: 1; } /* ========================================== MOVING YELLOW LIGHT ========================================== */ .premium-btn .elementor-button::before { content: ""; position: absolute; top: -50%; left: -90%; width: 55%; height: 200%; background: linear-gradient( 90deg, transparent, rgba(255,225,43,.15), rgba(255,239,120,.95), rgba(255,225,43,.15), transparent ); transform: rotate(18deg); filter: blur(1px); animation: yellowShine 3s ease-in-out infinite; pointer-events: none; z-index: 1; } /* ========================================== SOFT GREEN GLOW ========================================== */ .premium-btn .elementor-button::after { content: ""; position: absolute; inset: 2px; border-radius: 8px; background: radial-gradient( circle at 50% 100%, rgba(255,225,43,.10), transparent 60% ); opacity: .8; pointer-events: none; z-index: 0; } /* ========================================== TEXT ========================================== */ .premium-btn .elementor-button-content-wrapper, .premium-btn .elementor-button-text { position: relative; z-index: 5; } .premium-btn .elementor-button-text { color: #fff !important; transition: color .3s ease, letter-spacing .3s ease; } /* ========================================== HOVER ========================================== */ .premium-btn .elementor-button:hover { transform: translateY(-4px); background: linear-gradient( 135deg, #079d4f, #056b37 ) !important; border-color: #fff06a !important; box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(255,225,43,.22), 0 0 40px rgba(8,150,70,.12), inset 0 1px 0 rgba(255,255,255,.22); } .premium-btn .elementor-button:hover .elementor-button-text { color: #ffe12b !important; letter-spacing: .6px; } /* ========================================== CLICK ========================================== */ .premium-btn .elementor-button:active { transform: translateY(-1px) scale(.97); box-shadow: 0 5px 12px rgba(0,0,0,.25); } /* ========================================== YELLOW SHINE ANIMATION ========================================== */ @keyframes yellowShine { 0% { left: -90%; opacity: 0; } 15% { opacity: 1; } 45% { left: 130%; opacity: 1; } 55% { left: 130%; opacity: 0; } 100% { left: 130%; opacity: 0; } } /* ========================================== SUBTLE BORDER PULSE ========================================== */ @keyframes premiumPulse { 0%, 100% { border-color: #ffe12b; box-shadow: 0 6px 18px rgba(0,0,0,.20), 0 0 0 rgba(255,225,43,0); } 50% { border-color: #fff36b; box-shadow: 0 8px 22px rgba(0,0,0,.22), 0 0 14px rgba(255,225,43,.16); } } /* Slow premium pulse */ .premium-btn .elementor-button { animation: premiumPulse 4s ease-in-out infinite; } /* ========================================== REMOVE ELEMENTOR BLUE FOCUS ========================================== */ .premium-btn .elementor-button:focus, .premium-btn .elementor-button:focus-visible { background: #087c40 !important; outline: none !important; } /* ========================================== BUTTON SPACING ========================================== */ .premium-btn + .premium-btn { margin-left: 12px; } /* ========================================== MOBILE ========================================== */ @media (max-width: 600px) { .premium-btn .elementor-button { min-width: 135px; min-height: 46px; padding: 10px 20px; } .premium-btn + .premium-btn { margin-left: 6px; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e4345d2 */.btn-3d-float .elementor-button { position: relative; overflow: hidden; padding: 16px 28px !important; border-radius: 12px !important; color: #fff !important; font-weight: 700; letter-spacing: .5px; background: linear-gradient( 145deg, #6d28d9, #4c1d95 ) !important; border: 1px solid rgba(255,255,255,.25); /* Deep 3D shadow */ box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -6px 10px rgba(0,0,0,.2), 0 8px 0 #24104d, 0 18px 30px rgba(76,29,149,.35); transform: perspective(700px) translateZ(0) rotateX(0deg); transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease; } /* ===================================== 3D LIGHT LAYER ===================================== */ .btn-3d-float .elementor-button::before { content: ""; position: absolute; width: 180px; height: 180px; top: -100px; left: -120px; border-radius: 50%; background: radial-gradient( circle, rgba(255,255,255,.55), rgba(255,255,255,.08) 35%, transparent 70% ); filter: blur(5px); animation: floatLight 3s ease-in-out infinite; pointer-events: none; } /* ===================================== 3D MOVING HIGHLIGHT ===================================== */ .btn-3d-float .elementor-button::after { content: ""; position: absolute; top: -80%; left: -100%; width: 55%; height: 260%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.35), transparent ); transform: rotate(25deg); animation: floatShine 3s ease-in-out infinite; pointer-events: none; } /* ===================================== HOVER — POP OUT 3D ===================================== */ .btn-3d-float .elementor-button:hover { transform: perspective(700px) translateY(-12px) translateZ(25px) rotateX(8deg) rotateY(-3deg) scale(1.04); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), inset 0 -6px 10px rgba(0,0,0,.2), 0 17px 0 #24104d, 0 28px 40px rgba(76,29,149,.45), 0 0 35px rgba(139,92,246,.3); } /* ===================================== CLICK — REAL 3D PRESS ===================================== */ .btn-3d-float .elementor-button:active { transform: perspective(700px) translateY(5px) translateZ(0) rotateX(2deg) scale(.98); box-shadow: inset 0 4px 8px rgba(0,0,0,.35), 0 3px 0 #24104d, 0 7px 12px rgba(76,29,149,.3); } /* ===================================== FLOATING LIGHT ===================================== */ @keyframes floatLight { 0% { transform: translate(-30px,-10px) scale(.8); opacity: .35; } 50% { transform: translate(180px,70px) scale(1.2); opacity: .7; } 100% { transform: translate(320px,-20px) scale(.8); opacity: .35; } } /* ===================================== SHINE ===================================== */ @keyframes floatShine { 0%,20% { left: -100%; } 65%,100% { left: 160%; } } /* ===================================== TEXT ABOVE EFFECTS ===================================== */ .btn-3d-float .elementor-button-content-wrapper { position: relative; z-index: 5; } /* ===================================== MOBILE ===================================== */ @media (max-width: 767px) { .btn-3d-float .elementor-button { padding: 14px 20px !important; font-size: 14px; } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-45a1a05 *//* ========================================== CLEAN FLIP BOX ANIMATION No overflow into nearby divs ========================================== */ .orbit-3d { position: relative; isolation: isolate; border-radius: 20px !important; overflow: hidden !important; transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; /* Keep animation inside the box */ contain: paint; } /* ========================================== SOFT INTERNAL LIGHT ========================================== */ .orbit-3d::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 120deg, transparent 20%, rgba(255,255,255,.08) 40%, rgba(255,220,70,.22) 50%, rgba(255,255,255,.08) 60%, transparent 80% ); background-size: 220% 100%; background-position: -120% 0; animation: boxLight 3.5s ease-in-out infinite; pointer-events: none; z-index: 3; } /* ========================================== FLIP BOX LAYERS ========================================== */ .orbit-3d .elementor-flip-box__layer { position: relative; overflow: hidden !important; border-radius: 20px !important; transform-style: preserve-3d; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -12px 25px rgba(0,0,0,.18); } /* ========================================== SMALL MOVING LIGHT Completely inside box ========================================== */ .orbit-3d .elementor-flip-box__layer::before { content: ""; position: absolute; width: 70px; height: 70px; top: -35px; left: -35px; border-radius: 50%; background: radial-gradient( circle, rgba(255,238,100,.75) 0%, rgba(255,210,40,.25) 35%, transparent 70% ); filter: blur(7px); opacity: .65; pointer-events: none; z-index: 4; animation: lightMove 5s linear infinite; } /* ========================================== HOVER 3D EFFECT ========================================== */ .orbit-3d:hover { transform: perspective(1000px) translateY(-8px) rotateX(3deg) rotateY(-3deg) scale(1.015); box-shadow: 0 15px 30px rgba(0,0,0,.25), 0 0 18px rgba(255,210,40,.12); } /* Inner content comes slightly forward */ .orbit-3d:hover .elementor-flip-box__layer__inner { transform: translateZ(20px); transition: transform .45s cubic-bezier(.2,.8,.2,1); } /* ========================================== INTERNAL SHINE ========================================== */ @keyframes boxLight { 0% { background-position: -120% 0; } 45% { background-position: 120% 0; } 100% { background-position: 120% 0; } } /* ========================================== LIGHT MOVEMENT AROUND INSIDE ========================================== */ @keyframes lightMove { 0% { left: -35px; top: -35px; } 25% { left: calc(100% - 35px); top: -35px; } 50% { left: calc(100% - 35px); top: calc(100% - 35px); } 75% { left: -35px; top: calc(100% - 35px); } 100% { left: -35px; top: -35px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .orbit-3d { transform: none !important; } .orbit-3d:hover { transform: translateY(-4px) scale(1.01) !important; } .orbit-3d:hover .elementor-flip-box__layer__inner { transform: none; } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-a60219e *//* ========================================== CLEAN FLIP BOX ANIMATION No overflow into nearby divs ========================================== */ .orbit-3d { position: relative; isolation: isolate; border-radius: 20px !important; overflow: hidden !important; transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; /* Keep animation inside the box */ contain: paint; } /* ========================================== SOFT INTERNAL LIGHT ========================================== */ .orbit-3d::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 120deg, transparent 20%, rgba(255,255,255,.08) 40%, rgba(255,220,70,.22) 50%, rgba(255,255,255,.08) 60%, transparent 80% ); background-size: 220% 100%; background-position: -120% 0; animation: boxLight 3.5s ease-in-out infinite; pointer-events: none; z-index: 3; } /* ========================================== FLIP BOX LAYERS ========================================== */ .orbit-3d .elementor-flip-box__layer { position: relative; overflow: hidden !important; border-radius: 20px !important; transform-style: preserve-3d; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -12px 25px rgba(0,0,0,.18); } /* ========================================== SMALL MOVING LIGHT Completely inside box ========================================== */ .orbit-3d .elementor-flip-box__layer::before { content: ""; position: absolute; width: 70px; height: 70px; top: -35px; left: -35px; border-radius: 50%; background: radial-gradient( circle, rgba(255,238,100,.75) 0%, rgba(255,210,40,.25) 35%, transparent 70% ); filter: blur(7px); opacity: .65; pointer-events: none; z-index: 4; animation: lightMove 5s linear infinite; } /* ========================================== HOVER 3D EFFECT ========================================== */ .orbit-3d:hover { transform: perspective(1000px) translateY(-8px) rotateX(3deg) rotateY(-3deg) scale(1.015); box-shadow: 0 15px 30px rgba(0,0,0,.25), 0 0 18px rgba(255,210,40,.12); } /* Inner content comes slightly forward */ .orbit-3d:hover .elementor-flip-box__layer__inner { transform: translateZ(20px); transition: transform .45s cubic-bezier(.2,.8,.2,1); } /* ========================================== INTERNAL SHINE ========================================== */ @keyframes boxLight { 0% { background-position: -120% 0; } 45% { background-position: 120% 0; } 100% { background-position: 120% 0; } } /* ========================================== LIGHT MOVEMENT AROUND INSIDE ========================================== */ @keyframes lightMove { 0% { left: -35px; top: -35px; } 25% { left: calc(100% - 35px); top: -35px; } 50% { left: calc(100% - 35px); top: calc(100% - 35px); } 75% { left: -35px; top: calc(100% - 35px); } 100% { left: -35px; top: -35px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .orbit-3d { transform: none !important; } .orbit-3d:hover { transform: translateY(-4px) scale(1.01) !important; } .orbit-3d:hover .elementor-flip-box__layer__inner { transform: none; } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-414a69c *//* ========================================== CLEAN FLIP BOX ANIMATION No overflow into nearby divs ========================================== */ .orbit-3d { position: relative; isolation: isolate; border-radius: 20px !important; overflow: hidden !important; transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; /* Keep animation inside the box */ contain: paint; } /* ========================================== SOFT INTERNAL LIGHT ========================================== */ .orbit-3d::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 120deg, transparent 20%, rgba(255,255,255,.08) 40%, rgba(255,220,70,.22) 50%, rgba(255,255,255,.08) 60%, transparent 80% ); background-size: 220% 100%; background-position: -120% 0; animation: boxLight 3.5s ease-in-out infinite; pointer-events: none; z-index: 3; } /* ========================================== FLIP BOX LAYERS ========================================== */ .orbit-3d .elementor-flip-box__layer { position: relative; overflow: hidden !important; border-radius: 20px !important; transform-style: preserve-3d; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -12px 25px rgba(0,0,0,.18); } /* ========================================== SMALL MOVING LIGHT Completely inside box ========================================== */ .orbit-3d .elementor-flip-box__layer::before { content: ""; position: absolute; width: 70px; height: 70px; top: -35px; left: -35px; border-radius: 50%; background: radial-gradient( circle, rgba(255,238,100,.75) 0%, rgba(255,210,40,.25) 35%, transparent 70% ); filter: blur(7px); opacity: .65; pointer-events: none; z-index: 4; animation: lightMove 5s linear infinite; } /* ========================================== HOVER 3D EFFECT ========================================== */ .orbit-3d:hover { transform: perspective(1000px) translateY(-8px) rotateX(3deg) rotateY(-3deg) scale(1.015); box-shadow: 0 15px 30px rgba(0,0,0,.25), 0 0 18px rgba(255,210,40,.12); } /* Inner content comes slightly forward */ .orbit-3d:hover .elementor-flip-box__layer__inner { transform: translateZ(20px); transition: transform .45s cubic-bezier(.2,.8,.2,1); } /* ========================================== INTERNAL SHINE ========================================== */ @keyframes boxLight { 0% { background-position: -120% 0; } 45% { background-position: 120% 0; } 100% { background-position: 120% 0; } } /* ========================================== LIGHT MOVEMENT AROUND INSIDE ========================================== */ @keyframes lightMove { 0% { left: -35px; top: -35px; } 25% { left: calc(100% - 35px); top: -35px; } 50% { left: calc(100% - 35px); top: calc(100% - 35px); } 75% { left: -35px; top: calc(100% - 35px); } 100% { left: -35px; top: -35px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .orbit-3d { transform: none !important; } .orbit-3d:hover { transform: translateY(-4px) scale(1.01) !important; } .orbit-3d:hover .elementor-flip-box__layer__inner { transform: none; } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-45a1a05 *//* ========================================== CLEAN FLIP BOX ANIMATION No overflow into nearby divs ========================================== */ .orbit-3d { position: relative; isolation: isolate; border-radius: 20px !important; overflow: hidden !important; transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; /* Keep animation inside the box */ contain: paint; } /* ========================================== SOFT INTERNAL LIGHT ========================================== */ .orbit-3d::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 120deg, transparent 20%, rgba(255,255,255,.08) 40%, rgba(255,220,70,.22) 50%, rgba(255,255,255,.08) 60%, transparent 80% ); background-size: 220% 100%; background-position: -120% 0; animation: boxLight 3.5s ease-in-out infinite; pointer-events: none; z-index: 3; } /* ========================================== FLIP BOX LAYERS ========================================== */ .orbit-3d .elementor-flip-box__layer { position: relative; overflow: hidden !important; border-radius: 20px !important; transform-style: preserve-3d; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -12px 25px rgba(0,0,0,.18); } /* ========================================== SMALL MOVING LIGHT Completely inside box ========================================== */ .orbit-3d .elementor-flip-box__layer::before { content: ""; position: absolute; width: 70px; height: 70px; top: -35px; left: -35px; border-radius: 50%; background: radial-gradient( circle, rgba(255,238,100,.75) 0%, rgba(255,210,40,.25) 35%, transparent 70% ); filter: blur(7px); opacity: .65; pointer-events: none; z-index: 4; animation: lightMove 5s linear infinite; } /* ========================================== HOVER 3D EFFECT ========================================== */ .orbit-3d:hover { transform: perspective(1000px) translateY(-8px) rotateX(3deg) rotateY(-3deg) scale(1.015); box-shadow: 0 15px 30px rgba(0,0,0,.25), 0 0 18px rgba(255,210,40,.12); } /* Inner content comes slightly forward */ .orbit-3d:hover .elementor-flip-box__layer__inner { transform: translateZ(20px); transition: transform .45s cubic-bezier(.2,.8,.2,1); } /* ========================================== INTERNAL SHINE ========================================== */ @keyframes boxLight { 0% { background-position: -120% 0; } 45% { background-position: 120% 0; } 100% { background-position: 120% 0; } } /* ========================================== LIGHT MOVEMENT AROUND INSIDE ========================================== */ @keyframes lightMove { 0% { left: -35px; top: -35px; } 25% { left: calc(100% - 35px); top: -35px; } 50% { left: calc(100% - 35px); top: calc(100% - 35px); } 75% { left: -35px; top: calc(100% - 35px); } 100% { left: -35px; top: -35px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .orbit-3d { transform: none !important; } .orbit-3d:hover { transform: translateY(-4px) scale(1.01) !important; } .orbit-3d:hover .elementor-flip-box__layer__inner { transform: none; } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-a60219e *//* ========================================== CLEAN FLIP BOX ANIMATION No overflow into nearby divs ========================================== */ .orbit-3d { position: relative; isolation: isolate; border-radius: 20px !important; overflow: hidden !important; transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; /* Keep animation inside the box */ contain: paint; } /* ========================================== SOFT INTERNAL LIGHT ========================================== */ .orbit-3d::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 120deg, transparent 20%, rgba(255,255,255,.08) 40%, rgba(255,220,70,.22) 50%, rgba(255,255,255,.08) 60%, transparent 80% ); background-size: 220% 100%; background-position: -120% 0; animation: boxLight 3.5s ease-in-out infinite; pointer-events: none; z-index: 3; } /* ========================================== FLIP BOX LAYERS ========================================== */ .orbit-3d .elementor-flip-box__layer { position: relative; overflow: hidden !important; border-radius: 20px !important; transform-style: preserve-3d; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -12px 25px rgba(0,0,0,.18); } /* ========================================== SMALL MOVING LIGHT Completely inside box ========================================== */ .orbit-3d .elementor-flip-box__layer::before { content: ""; position: absolute; width: 70px; height: 70px; top: -35px; left: -35px; border-radius: 50%; background: radial-gradient( circle, rgba(255,238,100,.75) 0%, rgba(255,210,40,.25) 35%, transparent 70% ); filter: blur(7px); opacity: .65; pointer-events: none; z-index: 4; animation: lightMove 5s linear infinite; } /* ========================================== HOVER 3D EFFECT ========================================== */ .orbit-3d:hover { transform: perspective(1000px) translateY(-8px) rotateX(3deg) rotateY(-3deg) scale(1.015); box-shadow: 0 15px 30px rgba(0,0,0,.25), 0 0 18px rgba(255,210,40,.12); } /* Inner content comes slightly forward */ .orbit-3d:hover .elementor-flip-box__layer__inner { transform: translateZ(20px); transition: transform .45s cubic-bezier(.2,.8,.2,1); } /* ========================================== INTERNAL SHINE ========================================== */ @keyframes boxLight { 0% { background-position: -120% 0; } 45% { background-position: 120% 0; } 100% { background-position: 120% 0; } } /* ========================================== LIGHT MOVEMENT AROUND INSIDE ========================================== */ @keyframes lightMove { 0% { left: -35px; top: -35px; } 25% { left: calc(100% - 35px); top: -35px; } 50% { left: calc(100% - 35px); top: calc(100% - 35px); } 75% { left: -35px; top: calc(100% - 35px); } 100% { left: -35px; top: -35px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .orbit-3d { transform: none !important; } .orbit-3d:hover { transform: translateY(-4px) scale(1.01) !important; } .orbit-3d:hover .elementor-flip-box__layer__inner { transform: none; } }/* End custom CSS */ /* Start custom CSS for flip-box, class: .elementor-element-414a69c *//* ========================================== CLEAN FLIP BOX ANIMATION No overflow into nearby divs ========================================== */ .orbit-3d { position: relative; isolation: isolate; border-radius: 20px !important; overflow: hidden !important; transform-style: preserve-3d; transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease; /* Keep animation inside the box */ contain: paint; } /* ========================================== SOFT INTERNAL LIGHT ========================================== */ .orbit-3d::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 120deg, transparent 20%, rgba(255,255,255,.08) 40%, rgba(255,220,70,.22) 50%, rgba(255,255,255,.08) 60%, transparent 80% ); background-size: 220% 100%; background-position: -120% 0; animation: boxLight 3.5s ease-in-out infinite; pointer-events: none; z-index: 3; } /* ========================================== FLIP BOX LAYERS ========================================== */ .orbit-3d .elementor-flip-box__layer { position: relative; overflow: hidden !important; border-radius: 20px !important; transform-style: preserve-3d; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), inset 0 -12px 25px rgba(0,0,0,.18); } /* ========================================== SMALL MOVING LIGHT Completely inside box ========================================== */ .orbit-3d .elementor-flip-box__layer::before { content: ""; position: absolute; width: 70px; height: 70px; top: -35px; left: -35px; border-radius: 50%; background: radial-gradient( circle, rgba(255,238,100,.75) 0%, rgba(255,210,40,.25) 35%, transparent 70% ); filter: blur(7px); opacity: .65; pointer-events: none; z-index: 4; animation: lightMove 5s linear infinite; } /* ========================================== HOVER 3D EFFECT ========================================== */ .orbit-3d:hover { transform: perspective(1000px) translateY(-8px) rotateX(3deg) rotateY(-3deg) scale(1.015); box-shadow: 0 15px 30px rgba(0,0,0,.25), 0 0 18px rgba(255,210,40,.12); } /* Inner content comes slightly forward */ .orbit-3d:hover .elementor-flip-box__layer__inner { transform: translateZ(20px); transition: transform .45s cubic-bezier(.2,.8,.2,1); } /* ========================================== INTERNAL SHINE ========================================== */ @keyframes boxLight { 0% { background-position: -120% 0; } 45% { background-position: 120% 0; } 100% { background-position: 120% 0; } } /* ========================================== LIGHT MOVEMENT AROUND INSIDE ========================================== */ @keyframes lightMove { 0% { left: -35px; top: -35px; } 25% { left: calc(100% - 35px); top: -35px; } 50% { left: calc(100% - 35px); top: calc(100% - 35px); } 75% { left: -35px; top: calc(100% - 35px); } 100% { left: -35px; top: -35px; } } /* ========================================== MOBILE ========================================== */ @media (max-width: 767px) { .orbit-3d { transform: none !important; } .orbit-3d:hover { transform: translateY(-4px) scale(1.01) !important; } .orbit-3d:hover .elementor-flip-box__layer__inner { transform: none; } }/* End custom CSS */