.elementor-1460 .elementor-element.elementor-element-7ea282d{--display:flex;--padding-top:50px;--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-1460 .elementor-element.elementor-element-87b1677 img{width:33%;}.elementor-1460 .elementor-element.elementor-element-4c3f7f1{--display:flex;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1460 .elementor-element.elementor-element-31f4fe7{--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-1460 .elementor-element.elementor-element-fb1e21a .elementor-button{background-color:#AF2372;fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-fb1e21a .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-fb1e21a .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-fb1e21a{border-style:none;}.elementor-1460 .elementor-element.elementor-element-fb1e21a .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-fb1e21a .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-1fbca40 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-1fbca40 .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-1fbca40 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-1fbca40{border-style:none;}.elementor-1460 .elementor-element.elementor-element-1fbca40 .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-1fbca40 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-3aa1cac .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-3aa1cac .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-3aa1cac .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-3aa1cac{border-style:none;}.elementor-1460 .elementor-element.elementor-element-3aa1cac .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-3aa1cac .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-f480a28 .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-f480a28 .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-f480a28 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-f480a28{border-style:none;}.elementor-1460 .elementor-element.elementor-element-f480a28 .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-f480a28 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-8db059f .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-8db059f .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-8db059f .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-8db059f{border-style:none;}.elementor-1460 .elementor-element.elementor-element-8db059f .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-8db059f .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-773cbab .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-773cbab .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-773cbab .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-773cbab{border-style:none;}.elementor-1460 .elementor-element.elementor-element-773cbab .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-773cbab .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-12c7881 .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-12c7881 .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-12c7881 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-12c7881{border-style:none;}.elementor-1460 .elementor-element.elementor-element-12c7881 .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-12c7881 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-426de4b .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-426de4b .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-426de4b .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-426de4b{border-style:none;}.elementor-1460 .elementor-element.elementor-element-426de4b .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-426de4b .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-a0536cd .elementor-button{background-color:var( --e-global-color-43f10c9 );fill:var( --e-global-color-43f10c9 );color:var( --e-global-color-43f10c9 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-a0536cd .elementor-button:hover, .elementor-1460 .elementor-element.elementor-element-a0536cd .elementor-button:focus{background-color:transparent;color:var( --e-global-color-43f10c9 );background-image:linear-gradient(290deg, var( --e-global-color-5dfdd02 ) 2%, var( --e-global-color-43f10c9 ) 82%);}.elementor-1460 .elementor-element.elementor-element-a0536cd{border-style:none;}.elementor-1460 .elementor-element.elementor-element-a0536cd .elementor-button:hover svg, .elementor-1460 .elementor-element.elementor-element-a0536cd .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1460 .elementor-element.elementor-element-84bd22f{--display:flex;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1460 .elementor-element.elementor-element-1c0d5eb{text-align:center;}.elementor-1460 .elementor-element.elementor-element-1c0d5eb img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-1460 .elementor-element.elementor-element-51d0fe3{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1460 .elementor-element.elementor-element-334f2bd{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1460 .elementor-element.elementor-element-644cda3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-flip-box__front{background-color:var( --e-global-color-512a188 );background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/royal.png");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-flip-box__back{background-color:#FAE316;}.elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-flip-box{height:351px;}.elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-flip-box__layer, .elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-flip-box__layer__overlay{border-radius:13px;}.elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-icon i{transform:rotate(0deg);}.elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-icon svg{transform:rotate(0deg);}.elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1460 .elementor-element.elementor-element-9ae1ff0 .elementor-flip-box__button{margin-inline-center:0;border-radius:13px;}.elementor-1460 .elementor-element.elementor-element-0e7b832{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1460 .elementor-element.elementor-element-f780e5f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-flip-box__front{background-color:#FF7FC2;background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/NvFSV.png");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-flip-box__back{background-color:var( --e-global-color-512a188 );}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-flip-box{height:351px;}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-flip-box__layer, .elementor-1460 .elementor-element.elementor-element-7c996de .elementor-flip-box__layer__overlay{border-radius:13px;}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-icon i{transform:rotate(0deg);}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-icon svg{transform:rotate(0deg);}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1460 .elementor-element.elementor-element-7c996de .elementor-flip-box__button{margin-inline-center:0;border-radius:13px;}.elementor-1460 .elementor-element.elementor-element-87fe73f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1460 .elementor-element.elementor-element-03d0312{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-flip-box__front{background-color:var( --e-global-color-512a188 );background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/images-3.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;border-style:solid;border-width:1px 1px 1px 1px;}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-flip-box__back{background-color:#FAE316;}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-flip-box{height:351px;}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-flip-box__layer, .elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-flip-box__layer__overlay{border-radius:13px;}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-icon i{transform:rotate(0deg);}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-icon svg{transform:rotate(0deg);}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1460 .elementor-element.elementor-element-730d6a8 .elementor-flip-box__button{margin-inline-center:0;border-radius:13px;}.elementor-1460 .elementor-element.elementor-element-5f5b372{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:27px;--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-1460:not(.elementor-motion-effects-element-type-background), body.elementor-page-1460 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5dfdd02 );}@media(max-width:1024px){.elementor-1460 .elementor-element.elementor-element-87b1677 img{width:33%;}.elementor-1460 .elementor-element.elementor-element-5f5b372{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1460 .elementor-element.elementor-element-87b1677 img{width:49%;}.elementor-1460 .elementor-element.elementor-element-5f5b372{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for button, class: .elementor-element-fb1e21a *//* ==========================================
   PREMIUM PINK + GOLD BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #FFFFFF !important;

    font-weight: 700 !important;
    font-size: 15px !important;

    box-shadow:
        0 5px 15px rgba(192, 0, 168, .30) !important;

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease !important;

    z-index: 1 !important;
}


/* ==========================================
   GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   INNER GLOW
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background: radial-gradient(
        circle at 0% 50%,
        rgba(255,225,50,.35),
        transparent 35%
    ) !important;

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;

    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT ANIMATION
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GLOW ANIMATION
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.40),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {
    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;
    background-image: none !important;

    border-color: #FFF06A !important;

    color: #FFFFFF !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* Hover text */

.animated-btn .elementor-button:hover .elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   ACTIVE
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   FOCUS
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    color: #FFFFFF !important;

    outline: none !important;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}






/* FORCE PINK - TEST */

html body .animated-btn a.elementor-button,
html body .animated-btn .elementor-button,
html body .animated-btn a.elementor-button:hover,
html body .animated-btn .elementor-button:hover,
html body .animated-btn a.elementor-button:focus,
html body .animated-btn .elementor-button:focus {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    color: #FFFFFF !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1fbca40 *//* ==========================================
   PREMIUM MAGENTA + GOLD ANIMATED BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #fff !important;
    font-weight: 700;
    font-size: 15px;

    box-shadow:
        0 5px 15px rgba(192,0,168,.30),
        0 0 0 rgba(255,210,28,0);

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    z-index: 1;
}


/* ==========================================
   ANIMATED GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   MOVING GLOW INSIDE
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,225,50,.35),
            transparent 35%
        );

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper,
.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT MOVEMENT
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GOLD GLOW MOVEMENT
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   OUTER BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.38),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {

    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;

    border-color: #FFF06A !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* ==========================================
   HOVER TEXT
========================================== */

.animated-btn .elementor-button:hover
.elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   CLICK
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   REMOVE BLUE
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    outline: none !important;
}


/* ==========================================
   DIFFERENT ANIMATION TIMING
========================================== */

.animated-btn:nth-child(2) .elementor-button {
    animation-delay: -.6s;
}

.animated-btn:nth-child(3) .elementor-button {
    animation-delay: -1.2s;
}

.animated-btn:nth-child(4) .elementor-button {
    animation-delay: -1.8s;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3aa1cac *//* ==========================================
   PREMIUM MAGENTA + GOLD ANIMATED BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #fff !important;
    font-weight: 700;
    font-size: 15px;

    box-shadow:
        0 5px 15px rgba(192,0,168,.30),
        0 0 0 rgba(255,210,28,0);

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    z-index: 1;
}


/* ==========================================
   ANIMATED GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   MOVING GLOW INSIDE
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,225,50,.35),
            transparent 35%
        );

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper,
.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT MOVEMENT
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GOLD GLOW MOVEMENT
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   OUTER BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.38),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {

    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;

    border-color: #FFF06A !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* ==========================================
   HOVER TEXT
========================================== */

.animated-btn .elementor-button:hover
.elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   CLICK
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   REMOVE BLUE
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    outline: none !important;
}


/* ==========================================
   DIFFERENT ANIMATION TIMING
========================================== */

.animated-btn:nth-child(2) .elementor-button {
    animation-delay: -.6s;
}

.animated-btn:nth-child(3) .elementor-button {
    animation-delay: -1.2s;
}

.animated-btn:nth-child(4) .elementor-button {
    animation-delay: -1.8s;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f480a28 *//* ==========================================
   PREMIUM MAGENTA + GOLD ANIMATED BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #fff !important;
    font-weight: 700;
    font-size: 15px;

    box-shadow:
        0 5px 15px rgba(192,0,168,.30),
        0 0 0 rgba(255,210,28,0);

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    z-index: 1;
}


/* ==========================================
   ANIMATED GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   MOVING GLOW INSIDE
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,225,50,.35),
            transparent 35%
        );

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper,
.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT MOVEMENT
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GOLD GLOW MOVEMENT
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   OUTER BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.38),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {

    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;

    border-color: #FFF06A !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* ==========================================
   HOVER TEXT
========================================== */

.animated-btn .elementor-button:hover
.elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   CLICK
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   REMOVE BLUE
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    outline: none !important;
}


/* ==========================================
   DIFFERENT ANIMATION TIMING
========================================== */

.animated-btn:nth-child(2) .elementor-button {
    animation-delay: -.6s;
}

.animated-btn:nth-child(3) .elementor-button {
    animation-delay: -1.2s;
}

.animated-btn:nth-child(4) .elementor-button {
    animation-delay: -1.8s;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8db059f *//* ==========================================
   PREMIUM MAGENTA + GOLD ANIMATED BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #fff !important;
    font-weight: 700;
    font-size: 15px;

    box-shadow:
        0 5px 15px rgba(192,0,168,.30),
        0 0 0 rgba(255,210,28,0);

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    z-index: 1;
}


/* ==========================================
   ANIMATED GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   MOVING GLOW INSIDE
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,225,50,.35),
            transparent 35%
        );

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper,
.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT MOVEMENT
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GOLD GLOW MOVEMENT
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   OUTER BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.38),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {

    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;

    border-color: #FFF06A !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* ==========================================
   HOVER TEXT
========================================== */

.animated-btn .elementor-button:hover
.elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   CLICK
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   REMOVE BLUE
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    outline: none !important;
}


/* ==========================================
   DIFFERENT ANIMATION TIMING
========================================== */

.animated-btn:nth-child(2) .elementor-button {
    animation-delay: -.6s;
}

.animated-btn:nth-child(3) .elementor-button {
    animation-delay: -1.2s;
}

.animated-btn:nth-child(4) .elementor-button {
    animation-delay: -1.8s;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-773cbab *//* ==========================================
   PREMIUM MAGENTA + GOLD ANIMATED BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #fff !important;
    font-weight: 700;
    font-size: 15px;

    box-shadow:
        0 5px 15px rgba(192,0,168,.30),
        0 0 0 rgba(255,210,28,0);

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    z-index: 1;
}


/* ==========================================
   ANIMATED GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   MOVING GLOW INSIDE
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,225,50,.35),
            transparent 35%
        );

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper,
.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT MOVEMENT
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GOLD GLOW MOVEMENT
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   OUTER BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.38),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {

    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;

    border-color: #FFF06A !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* ==========================================
   HOVER TEXT
========================================== */

.animated-btn .elementor-button:hover
.elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   CLICK
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   REMOVE BLUE
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    outline: none !important;
}


/* ==========================================
   DIFFERENT ANIMATION TIMING
========================================== */

.animated-btn:nth-child(2) .elementor-button {
    animation-delay: -.6s;
}

.animated-btn:nth-child(3) .elementor-button {
    animation-delay: -1.2s;
}

.animated-btn:nth-child(4) .elementor-button {
    animation-delay: -1.8s;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-12c7881 *//* ==========================================
   PREMIUM MAGENTA + GOLD ANIMATED BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #fff !important;
    font-weight: 700;
    font-size: 15px;

    box-shadow:
        0 5px 15px rgba(192,0,168,.30),
        0 0 0 rgba(255,210,28,0);

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    z-index: 1;
}


/* ==========================================
   ANIMATED GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   MOVING GLOW INSIDE
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,225,50,.35),
            transparent 35%
        );

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper,
.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT MOVEMENT
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GOLD GLOW MOVEMENT
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   OUTER BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.38),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {

    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;

    border-color: #FFF06A !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* ==========================================
   HOVER TEXT
========================================== */

.animated-btn .elementor-button:hover
.elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   CLICK
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   REMOVE BLUE
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    outline: none !important;
}


/* ==========================================
   DIFFERENT ANIMATION TIMING
========================================== */

.animated-btn:nth-child(2) .elementor-button {
    animation-delay: -.6s;
}

.animated-btn:nth-child(3) .elementor-button {
    animation-delay: -1.2s;
}

.animated-btn:nth-child(4) .elementor-button {
    animation-delay: -1.8s;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-426de4b *//* ==========================================
   PREMIUM MAGENTA + GOLD ANIMATED BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #fff !important;
    font-weight: 700;
    font-size: 15px;

    box-shadow:
        0 5px 15px rgba(192,0,168,.30),
        0 0 0 rgba(255,210,28,0);

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    z-index: 1;
}


/* ==========================================
   ANIMATED GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   MOVING GLOW INSIDE
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,225,50,.35),
            transparent 35%
        );

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper,
.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT MOVEMENT
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GOLD GLOW MOVEMENT
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   OUTER BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.38),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {

    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;

    border-color: #FFF06A !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* ==========================================
   HOVER TEXT
========================================== */

.animated-btn .elementor-button:hover
.elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   CLICK
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   REMOVE BLUE
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    outline: none !important;
}


/* ==========================================
   DIFFERENT ANIMATION TIMING
========================================== */

.animated-btn:nth-child(2) .elementor-button {
    animation-delay: -.6s;
}

.animated-btn:nth-child(3) .elementor-button {
    animation-delay: -1.2s;
}

.animated-btn:nth-child(4) .elementor-button {
    animation-delay: -1.8s;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0536cd *//* ==========================================
   PREMIUM MAGENTA + GOLD ANIMATED BUTTON
========================================== */

.animated-btn .elementor-button {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    min-width: 100px !important;
    min-height: 50px !important;
    padding: 13px 24px !important;

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border: 2px solid #FFD21C !important;
    border-radius: 10px !important;

    color: #fff !important;
    font-weight: 700;
    font-size: 15px;

    box-shadow:
        0 5px 15px rgba(192,0,168,.30),
        0 0 0 rgba(255,210,28,0);

    animation: buttonGlow 2.4s ease-in-out infinite;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

    z-index: 1;
}


/* ==========================================
   ANIMATED GOLD LIGHT
========================================== */

.animated-btn .elementor-button::before {
    content: "" !important;

    position: absolute !important;
    top: -50% !important;
    left: -90% !important;

    width: 45% !important;
    height: 200% !important;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,210,28,.25),
        #FFF36B,
        #FFD21C,
        rgba(255,210,28,.25),
        transparent
    ) !important;

    transform: rotate(20deg);

    animation: goldLightMove 2s linear infinite !important;

    pointer-events: none !important;
    z-index: 3 !important;
}


/* ==========================================
   MOVING GLOW INSIDE
========================================== */

.animated-btn .elementor-button::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,225,50,.35),
            transparent 35%
        );

    animation: goldGlowMove 2.5s ease-in-out infinite;

    pointer-events: none !important;
    z-index: 2 !important;
}


/* ==========================================
   TEXT
========================================== */

.animated-btn .elementor-button-content-wrapper,
.animated-btn .elementor-button-text {
    position: relative !important;
    z-index: 10 !important;
}

.animated-btn .elementor-button-text {
    color: #FFFFFF !important;
}


/* ==========================================
   GOLD LIGHT MOVEMENT
========================================== */

@keyframes goldLightMove {

    0% {
        left: -90%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    50% {
        left: 125%;
        opacity: 1;
    }

    60% {
        opacity: 0;
    }

    100% {
        left: 125%;
        opacity: 0;
    }
}


/* ==========================================
   INNER GOLD GLOW MOVEMENT
========================================== */

@keyframes goldGlowMove {

    0% {
        opacity: .15;
        transform: translateX(-20%);
    }

    50% {
        opacity: .55;
        transform: translateX(30%);
    }

    100% {
        opacity: .15;
        transform: translateX(-20%);
    }
}


/* ==========================================
   OUTER BUTTON GLOW
========================================== */

@keyframes buttonGlow {

    0%, 100% {
        box-shadow:
            0 5px 15px rgba(192,0,168,.30),
            0 0 0 rgba(255,210,28,0);
    }

    50% {
        box-shadow:
            0 8px 22px rgba(192,0,168,.38),
            0 0 18px rgba(255,210,28,.28);
    }
}


/* ==========================================
   HOVER
========================================== */

.animated-btn .elementor-button:hover {

    transform: translateY(-5px) scale(1.025) !important;

    background: #D000B5 !important;
    background-color: #D000B5 !important;

    border-color: #FFF06A !important;

    box-shadow:
        0 14px 30px rgba(192,0,168,.40),
        0 0 25px rgba(255,210,28,.35) !important;
}


/* ==========================================
   HOVER TEXT
========================================== */

.animated-btn .elementor-button:hover
.elementor-button-text {
    color: #FFF06A !important;
}


/* ==========================================
   CLICK
========================================== */

.animated-btn .elementor-button:active {
    transform: scale(.96) !important;
}


/* ==========================================
   REMOVE BLUE
========================================== */

.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {

    background: #C000A8 !important;
    background-color: #C000A8 !important;
    background-image: none !important;

    border-color: #FFD21C !important;

    outline: none !important;
}


/* ==========================================
   DIFFERENT ANIMATION TIMING
========================================== */

.animated-btn:nth-child(2) .elementor-button {
    animation-delay: -.6s;
}

.animated-btn:nth-child(3) .elementor-button {
    animation-delay: -1.2s;
}

.animated-btn:nth-child(4) .elementor-button {
    animation-delay: -1.8s;
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px !important;
        min-height: 46px !important;
        padding: 11px 19px !important;
        font-size: 14px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4c3f7f1 */.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-9ae1ff0 */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background-size: 300% 300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300% 100%;

    z-index: -1;

    animation:
        holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-7c996de */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background-size: 300% 300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300% 100%;

    z-index: -1;

    animation:
        holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-730d6a8 */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background: 300%
    300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300%
    100%;

    z-index: -1;
    
    animation: holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-9ae1ff0 */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background-size: 300% 300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300% 100%;

    z-index: -1;

    animation:
        holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-7c996de */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background-size: 300% 300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300% 100%;

    z-index: -1;

    animation:
        holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-730d6a8 */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background: 300%
    300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300%
    100%;

    z-index: -1;
    
    animation: holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-9ae1ff0 */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background-size: 300% 300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300% 100%;

    z-index: -1;

    animation:
        holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-7c996de */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background-size: 300% 300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300% 100%;

    z-index: -1;

    animation:
        holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-730d6a8 */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background: 300%
    300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300%
    100%;

    z-index: -1;
    
    animation: holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-9ae1ff0 */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background-size: 300% 300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300% 100%;

    z-index: -1;

    animation:
        holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-7c996de */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background-size: 300% 300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300% 100%;

    z-index: -1;

    animation:
        holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */
/* Start custom CSS for flip-box, class: .elementor-element-730d6a8 */.flip-3d-hologram {
    position: relative;
    isolation: isolate;
    border-radius: 22px;
    transform-style: preserve-3d;

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;

    animation: hologramFloat 4s ease-in-out infinite;
}


/* =========================================
   3D GLOW BEHIND CARD
   ========================================= */

.flip-3d-hologram::before {
    content: "";

    position: absolute;

    inset: -8px;

    border-radius: 28px;

    background: linear-gradient(
        120deg,
        #7c3cff,
        #00eaff,
        #00ff9d,
        #ff00cc,
        #7c3cff
    );

    background: 300%
    300%;

    filter: blur(14px);

    opacity: .55;

    z-index: -2;

    animation:
        holoGradient 4s ease infinite;
}


/* =========================================
   MOVING 3D BORDER
   ========================================= */

.flip-3d-hologram::after {
    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    background: linear-gradient(
        110deg,
        transparent 10%,
        rgba(255,255,255,.9) 25%,
        #00eaff 35%,
        transparent 50%,
        #ff00cc 70%,
        transparent 85%
    );

    background-size: 300%
    100%;

    z-index: -1;
    
    animation: holoBorder 3s linear infinite;
}


/* =========================================
   FLIP BOX INNER DEPTH
   ========================================= */

.flip-3d-hologram
.elementor-flip-box__layer {

    border-radius: 20px !important;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -12px 25px rgba(0,0,0,.25);

    transform-style: preserve-3d;
}


/* =========================================
   HOVER 3D TILT
   ========================================= */

.flip-3d-hologram:hover {

    transform:
        perspective(900px)
        translateY(-12px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.025);

    filter:
        drop-shadow(0 25px 30px rgba(0,0,0,.35))
        drop-shadow(0 0 25px rgba(0,234,255,.25));
}


/* =========================================
   HOVER CONTENT DEPTH
   ========================================= */

.flip-3d-hologram:hover
.elementor-flip-box__layer__inner {

    transform:
        translateZ(25px);

    transition:
        transform .5s ease;
}


/* =========================================
   FLOATING ANIMATION
   ========================================= */

@keyframes hologramFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }

}


/* =========================================
   GRADIENT GLOW
   ========================================= */

@keyframes holoGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }

}


/* =========================================
   BORDER LIGHT TRAVEL
   ========================================= */

@keyframes holoBorder {

    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 300% 50%;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .flip-3d-hologram:hover {
        transform:
            translateY(-6px)
            scale(1.01);
    }

}/* End custom CSS */