.elementor-1521 .elementor-element.elementor-element-99c9a29{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1521 .elementor-element.elementor-element-ca222d6 img{width:25%;}.elementor-1521 .elementor-element.elementor-element-23d9166{--display:flex;--padding-top:20px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-7004250{--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 10px;--row-gap:0px;--column-gap:10px;--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-1521 .elementor-element.elementor-element-f71c9a7 .elementor-button{background-color:#FF0000;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-1521 .elementor-element.elementor-element-f71c9a7 .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-f71c9a7 .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-1521 .elementor-element.elementor-element-f71c9a7{margin:0px 4px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;}.elementor-1521 .elementor-element.elementor-element-f71c9a7 .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-f71c9a7 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-ce01aef .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-1521 .elementor-element.elementor-element-ce01aef .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-ce01aef .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-1521 .elementor-element.elementor-element-ce01aef{margin:0px 4px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:none;}.elementor-1521 .elementor-element.elementor-element-ce01aef .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-ce01aef .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-18b8fea .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-1521 .elementor-element.elementor-element-18b8fea .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-18b8fea .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-1521 .elementor-element.elementor-element-18b8fea{border-style:none;}.elementor-1521 .elementor-element.elementor-element-18b8fea .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-18b8fea .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-c71c405 .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-1521 .elementor-element.elementor-element-c71c405 .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-c71c405 .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-1521 .elementor-element.elementor-element-c71c405{border-style:none;}.elementor-1521 .elementor-element.elementor-element-c71c405 .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-c71c405 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-48102b7 .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-1521 .elementor-element.elementor-element-48102b7 .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-48102b7 .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-1521 .elementor-element.elementor-element-48102b7{border-style:none;}.elementor-1521 .elementor-element.elementor-element-48102b7 .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-48102b7 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-e7348de .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-1521 .elementor-element.elementor-element-e7348de .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-e7348de .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-1521 .elementor-element.elementor-element-e7348de{border-style:none;}.elementor-1521 .elementor-element.elementor-element-e7348de .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-e7348de .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-52d74d1 .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-1521 .elementor-element.elementor-element-52d74d1 .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-52d74d1 .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-1521 .elementor-element.elementor-element-52d74d1{border-style:none;}.elementor-1521 .elementor-element.elementor-element-52d74d1 .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-52d74d1 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-7fd03da .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-1521 .elementor-element.elementor-element-7fd03da .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-7fd03da .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-1521 .elementor-element.elementor-element-7fd03da{border-style:none;}.elementor-1521 .elementor-element.elementor-element-7fd03da .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-7fd03da .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-a0cd1a2 .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-1521 .elementor-element.elementor-element-a0cd1a2 .elementor-button:hover, .elementor-1521 .elementor-element.elementor-element-a0cd1a2 .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-1521 .elementor-element.elementor-element-a0cd1a2{border-style:none;}.elementor-1521 .elementor-element.elementor-element-a0cd1a2 .elementor-button:hover svg, .elementor-1521 .elementor-element.elementor-element-a0cd1a2 .elementor-button:focus svg{fill:var( --e-global-color-43f10c9 );}.elementor-1521 .elementor-element.elementor-element-4ae47a1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-1df73ed{text-align:center;}.elementor-1521 .elementor-element.elementor-element-1df73ed img{width:100%;border-radius:12px 12px 12px 12px;}.elementor-1521 .elementor-element.elementor-element-97d283f{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1521 .elementor-element.elementor-element-5f8a9d5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-flip-box__front{background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/image.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-flip-box__back{background-color:#E9D200;}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-flip-box{height:351px;}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-flip-box__layer, .elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-icon i{transform:rotate(0deg);}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-icon svg{transform:rotate(0deg);}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1521 .elementor-element.elementor-element-96af6b9 .elementor-flip-box__button{margin-inline-center:0;}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-flip-box__front{background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/royal.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-flip-box__back{background-color:#E9D200;}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-flip-box{height:351px;}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-flip-box__layer, .elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-icon i{transform:rotate(0deg);}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-icon svg{transform:rotate(0deg);}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1521 .elementor-element.elementor-element-5ec9ef1 .elementor-flip-box__button{margin-inline-center:0;}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-flip-box__front{background-image:url("https://newtestweb.shop/wp-content/uploads/2026/08/pragmatic.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-flip-box__back{background-color:#E9D200;}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-flip-box{height:351px;}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-flip-box__layer, .elementor-1521 .elementor-element.elementor-element-5b78add .elementor-flip-box__layer__overlay{border-radius:12px;}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-icon i{transform:rotate(0deg);}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-icon svg{transform:rotate(0deg);}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-1521 .elementor-element.elementor-element-5b78add .elementor-flip-box__button{margin-inline-center:0;}.elementor-1521 .elementor-element.elementor-element-80187af{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}body.elementor-page-1521:not(.elementor-motion-effects-element-type-background), body.elementor-page-1521 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5dfdd02 );}@media(max-width:1024px){.elementor-1521 .elementor-element.elementor-element-80187af{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1521 .elementor-element.elementor-element-80187af{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for button, class: .elementor-element-f71c9a7 */.animated-btn {
    position: relative;
    padding: 16px 38px;
    border: none;
    border-radius: 12px;
    color: #fff;
    background: #111;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    isolation: isolate;
}

/* Infinite animated border */
.animated-btn::before {
    content: "";
    position: absolute;
    inset: -100%;
    z-index: -2;

    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 70deg,
        #00eaff 110deg,
        #7c3cff 160deg,
        #ff2bd6 210deg,
        transparent 250deg,
        transparent 360deg
    );

    animation: infinite-border 2s linear infinite;
}

/* Button ke andar ka black layer */
.animated-btn::after {
    content: "";
    position: absolute;
    inset: 2px;
    z-index: -1;
    border-radius: 10px;
    background: #111;
}

@keyframes infinite-border {
    to {
        transform: rotate(360deg);
    }
}

.animated-btn:hover {
    box-shadow:
        0 0 20px #00eaff55,
        0 0 40px #7c3cff44;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ce01aef *//* ==========================================
   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 27px !important;

    background: linear-gradient(
        135deg,
        #C45091 0%,
        #B83F82 50%,
        #9E286B 100%
    ) !important;

    background-color: #C45091 !important;

    border: 2px solid #FFD83D !important;
    border-radius: 11px !important;

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

    box-shadow:
        0 6px 18px rgba(196,80,145,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

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

    z-index: 1 !important;
}


/* ==========================================
   MOVING GOLDEN BEAM
========================================== */

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

    position: absolute !important;

    top: -60% !important;
    left: -80% !important;

    width: 38% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 25%,
        #FFE66A 50%,
        rgba(255,255,255,.15) 75%,
        transparent 100%
    ) !important;

    transform: rotate(22deg) !important;

    animation:
        goldenBeam 2.2s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ==========================================
   SOFT GOLD LIGHT INSIDE BUTTON
========================================== */

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

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

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,224,61,.28),
            transparent 38%
        ) !important;

    animation:
        innerGold 2.8s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 1 !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;
}


/* ==========================================
   GOLDEN BEAM ANIMATION
========================================== */

@keyframes goldenBeam {

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

    10% {
        opacity: 1;
    }

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

    60% {
        opacity: 0;
    }

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


/* ==========================================
   INNER GOLD ANIMATION
========================================== */

@keyframes innerGold {

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

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


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

.animated-btn .elementor-button:hover {

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

    background: linear-gradient(
        135deg,
        #D15B9C,
        #C45091,
        #A92F73
    ) !important;

    background-color: #C45091 !important;

    border-color: #FFF078 !important;

    box-shadow:
        0 13px 28px rgba(196,80,145,.38),
        0 0 22px rgba(255,216,61,.25) !important;
}


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

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.97) !important;
}


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

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

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

    border-color: #FFD83D !important;

    outline: none !important;
}


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

.animated-btn:nth-child(2) .elementor-button::before {
    animation-delay: -.7s !important;
}

.animated-btn:nth-child(3) .elementor-button::before {
    animation-delay: -1.4s !important;
}

.animated-btn:nth-child(4) .elementor-button::before {
    animation-delay: -2.1s !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;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-18b8fea *//* ==========================================
   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 27px !important;

    background: linear-gradient(
        135deg,
        #C45091 0%,
        #B83F82 50%,
        #9E286B 100%
    ) !important;

    background-color: #C45091 !important;

    border: 2px solid #FFD83D !important;
    border-radius: 11px !important;

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

    box-shadow:
        0 6px 18px rgba(196,80,145,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

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

    z-index: 1 !important;
}


/* ==========================================
   MOVING GOLDEN BEAM
========================================== */

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

    position: absolute !important;

    top: -60% !important;
    left: -80% !important;

    width: 38% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 25%,
        #FFE66A 50%,
        rgba(255,255,255,.15) 75%,
        transparent 100%
    ) !important;

    transform: rotate(22deg) !important;

    animation:
        goldenBeam 2.2s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ==========================================
   SOFT GOLD LIGHT INSIDE BUTTON
========================================== */

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

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

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,224,61,.28),
            transparent 38%
        ) !important;

    animation:
        innerGold 2.8s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 1 !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;
}


/* ==========================================
   GOLDEN BEAM ANIMATION
========================================== */

@keyframes goldenBeam {

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

    10% {
        opacity: 1;
    }

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

    60% {
        opacity: 0;
    }

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


/* ==========================================
   INNER GOLD ANIMATION
========================================== */

@keyframes innerGold {

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

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


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

.animated-btn .elementor-button:hover {

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

    background: linear-gradient(
        135deg,
        #D15B9C,
        #C45091,
        #A92F73
    ) !important;

    background-color: #C45091 !important;

    border-color: #FFF078 !important;

    box-shadow:
        0 13px 28px rgba(196,80,145,.38),
        0 0 22px rgba(255,216,61,.25) !important;
}


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

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.97) !important;
}


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

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

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

    border-color: #FFD83D !important;

    outline: none !important;
}


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

.animated-btn:nth-child(2) .elementor-button::before {
    animation-delay: -.7s !important;
}

.animated-btn:nth-child(3) .elementor-button::before {
    animation-delay: -1.4s !important;
}

.animated-btn:nth-child(4) .elementor-button::before {
    animation-delay: -2.1s !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;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c71c405 *//* ==========================================
   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 27px !important;

    background: linear-gradient(
        135deg,
        #C45091 0%,
        #B83F82 50%,
        #9E286B 100%
    ) !important;

    background-color: #C45091 !important;

    border: 2px solid #FFD83D !important;
    border-radius: 11px !important;

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

    box-shadow:
        0 6px 18px rgba(196,80,145,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

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

    z-index: 1 !important;
}


/* ==========================================
   MOVING GOLDEN BEAM
========================================== */

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

    position: absolute !important;

    top: -60% !important;
    left: -80% !important;

    width: 38% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 25%,
        #FFE66A 50%,
        rgba(255,255,255,.15) 75%,
        transparent 100%
    ) !important;

    transform: rotate(22deg) !important;

    animation:
        goldenBeam 2.2s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ==========================================
   SOFT GOLD LIGHT INSIDE BUTTON
========================================== */

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

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

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,224,61,.28),
            transparent 38%
        ) !important;

    animation:
        innerGold 2.8s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 1 !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;
}


/* ==========================================
   GOLDEN BEAM ANIMATION
========================================== */

@keyframes goldenBeam {

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

    10% {
        opacity: 1;
    }

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

    60% {
        opacity: 0;
    }

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


/* ==========================================
   INNER GOLD ANIMATION
========================================== */

@keyframes innerGold {

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

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


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

.animated-btn .elementor-button:hover {

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

    background: linear-gradient(
        135deg,
        #D15B9C,
        #C45091,
        #A92F73
    ) !important;

    background-color: #C45091 !important;

    border-color: #FFF078 !important;

    box-shadow:
        0 13px 28px rgba(196,80,145,.38),
        0 0 22px rgba(255,216,61,.25) !important;
}


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

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.97) !important;
}


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

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

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

    border-color: #FFD83D !important;

    outline: none !important;
}


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

.animated-btn:nth-child(2) .elementor-button::before {
    animation-delay: -.7s !important;
}

.animated-btn:nth-child(3) .elementor-button::before {
    animation-delay: -1.4s !important;
}

.animated-btn:nth-child(4) .elementor-button::before {
    animation-delay: -2.1s !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;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-48102b7 *//* ==========================================
   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 27px !important;

    background: linear-gradient(
        135deg,
        #C45091 0%,
        #B83F82 50%,
        #9E286B 100%
    ) !important;

    background-color: #C45091 !important;

    border: 2px solid #FFD83D !important;
    border-radius: 11px !important;

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

    box-shadow:
        0 6px 18px rgba(196,80,145,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

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

    z-index: 1 !important;
}


/* ==========================================
   MOVING GOLDEN BEAM
========================================== */

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

    position: absolute !important;

    top: -60% !important;
    left: -80% !important;

    width: 38% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 25%,
        #FFE66A 50%,
        rgba(255,255,255,.15) 75%,
        transparent 100%
    ) !important;

    transform: rotate(22deg) !important;

    animation:
        goldenBeam 2.2s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ==========================================
   SOFT GOLD LIGHT INSIDE BUTTON
========================================== */

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

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

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,224,61,.28),
            transparent 38%
        ) !important;

    animation:
        innerGold 2.8s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 1 !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;
}


/* ==========================================
   GOLDEN BEAM ANIMATION
========================================== */

@keyframes goldenBeam {

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

    10% {
        opacity: 1;
    }

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

    60% {
        opacity: 0;
    }

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


/* ==========================================
   INNER GOLD ANIMATION
========================================== */

@keyframes innerGold {

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

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


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

.animated-btn .elementor-button:hover {

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

    background: linear-gradient(
        135deg,
        #D15B9C,
        #C45091,
        #A92F73
    ) !important;

    background-color: #C45091 !important;

    border-color: #FFF078 !important;

    box-shadow:
        0 13px 28px rgba(196,80,145,.38),
        0 0 22px rgba(255,216,61,.25) !important;
}


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

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.97) !important;
}


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

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

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

    border-color: #FFD83D !important;

    outline: none !important;
}


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

.animated-btn:nth-child(2) .elementor-button::before {
    animation-delay: -.7s !important;
}

.animated-btn:nth-child(3) .elementor-button::before {
    animation-delay: -1.4s !important;
}

.animated-btn:nth-child(4) .elementor-button::before {
    animation-delay: -2.1s !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;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e7348de *//* ==========================================
   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 27px !important;

    background: linear-gradient(
        135deg,
        #C45091 0%,
        #B83F82 50%,
        #9E286B 100%
    ) !important;

    background-color: #C45091 !important;

    border: 2px solid #FFD83D !important;
    border-radius: 11px !important;

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

    box-shadow:
        0 6px 18px rgba(196,80,145,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

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

    z-index: 1 !important;
}


/* ==========================================
   MOVING GOLDEN BEAM
========================================== */

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

    position: absolute !important;

    top: -60% !important;
    left: -80% !important;

    width: 38% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 25%,
        #FFE66A 50%,
        rgba(255,255,255,.15) 75%,
        transparent 100%
    ) !important;

    transform: rotate(22deg) !important;

    animation:
        goldenBeam 2.2s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ==========================================
   SOFT GOLD LIGHT INSIDE BUTTON
========================================== */

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

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

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,224,61,.28),
            transparent 38%
        ) !important;

    animation:
        innerGold 2.8s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 1 !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;
}


/* ==========================================
   GOLDEN BEAM ANIMATION
========================================== */

@keyframes goldenBeam {

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

    10% {
        opacity: 1;
    }

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

    60% {
        opacity: 0;
    }

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


/* ==========================================
   INNER GOLD ANIMATION
========================================== */

@keyframes innerGold {

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

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


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

.animated-btn .elementor-button:hover {

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

    background: linear-gradient(
        135deg,
        #D15B9C,
        #C45091,
        #A92F73
    ) !important;

    background-color: #C45091 !important;

    border-color: #FFF078 !important;

    box-shadow:
        0 13px 28px rgba(196,80,145,.38),
        0 0 22px rgba(255,216,61,.25) !important;
}


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

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.97) !important;
}


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

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

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

    border-color: #FFD83D !important;

    outline: none !important;
}


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

.animated-btn:nth-child(2) .elementor-button::before {
    animation-delay: -.7s !important;
}

.animated-btn:nth-child(3) .elementor-button::before {
    animation-delay: -1.4s !important;
}

.animated-btn:nth-child(4) .elementor-button::before {
    animation-delay: -2.1s !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;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-52d74d1 *//* ==========================================
   PINK + YELLOW ELEMENTOR BUTTON
=========a/* ==========================================
   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 27px !important;

    background: linear-gradient(
        135deg,
        #C45091 0%,
        #B83F82 50%,
        #9E286B 100%
    ) !important;

    background-color: #C45091 !important;

    border: 2px solid #FFD83D !important;
    border-radius: 11px !important;

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

    box-shadow:
        0 6px 18px rgba(196,80,145,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

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

    z-index: 1 !important;
}


/* ==========================================
   MOVING GOLDEN BEAM
========================================== */

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

    position: absolute !important;

    top: -60% !important;
    left: -80% !important;

    width: 38% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 25%,
        #FFE66A 50%,
        rgba(255,255,255,.15) 75%,
        transparent 100%
    ) !important;

    transform: rotate(22deg) !important;

    animation:
        goldenBeam 2.2s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ==========================================
   SOFT GOLD LIGHT INSIDE BUTTON
========================================== */

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

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

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,224,61,.28),
            transparent 38%
        ) !important;

    animation:
        innerGold 2.8s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 1 !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;
}


/* ==========================================
   GOLDEN BEAM ANIMATION
========================================== */

@keyframes goldenBeam {

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

    10% {
        opacity: 1;
    }

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

    60% {
        opacity: 0;
    }

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


/* ==========================================
   INNER GOLD ANIMATION
========================================== */

@keyframes innerGold {

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

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


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

.animated-btn .elementor-button:hover {

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

    background: linear-gradient(
        135deg,
        #D15B9C,
        #C45091,
        #A92F73
    ) !important;

    background-color: #C45091 !important;

    border-color: #FFF078 !important;

    box-shadow:
        0 13px 28px rgba(196,80,145,.38),
        0 0 22px rgba(255,216,61,.25) !important;
}


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

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.97) !important;
}


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

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

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

    border-color: #FFD83D !important;

    outline: none !important;
}


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

.animated-btn:nth-child(2) .elementor-button::before {
    animation-delay: -.7s !important;
}

.animated-btn:nth-child(3) .elementor-button::before {
    animation-delay: -1.4s !important;
}

.animated-btn:nth-child(4) .elementor-button::before {
    animation-delay: -2.1s !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;
    }
}================================= */

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

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

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

    border: 2px solid #FFD83D !important;
    border-radius: 12px !important;

    color: #FFFFFF !important;

    box-shadow:
        0 6px 16px rgba(196, 80, 145, 0.22) !important;

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


/* TEXT */
.animated-btn .elementor-button-text {
    position: relative;
    z-index: 10;

    color: #FFFFFF !important;
}


/* ==========================================
   YELLOW SHINE
========================================== */

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

    position: absolute;
    top: 0;
    left: -80%;

    width: 45%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.25),
        #FFF078,
        rgba(255,255,255,.25),
        transparent
    ) !important;

    transform: skewX(-20deg);

    animation: pinkYellowSweep 3s ease-in-out infinite;

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


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

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

    position: absolute;
    inset: 2px;

    border-radius: 10px;

    box-shadow:
        inset 0 0 14px rgba(255,216,61,.15);

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


/* ==========================================
   HOVER - NO BLUE
========================================== */

.animated-btn .elementor-button:hover,
.animated-btn .elementor-button:focus,
.animated-btn .elementor-button:focus-visible {
    background: #C45091 !important;
    background-color: #C45091 !important;

    border-color: #FFE66A !important;

    color: #FFFFFF !important;

    transform: translateY(-4px);

    box-shadow:
        0 12px 25px rgba(196,80,145,.30),
        0 0 15px rgba(255,216,61,.18) !important;

    outline: none !important;
}


/* HOVER TEXT */

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.98);
}


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

@keyframes pinkYellowSweep {

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

    10% {
        opacity: 1;
    }

    45% {
        left: 135%;
        opacity: 1;
    }

    55% {
        left: 135%;
        opacity: 0;
    }

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


/* ==========================================
   DIFFERENT BUTTON TIMING
========================================== */

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

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

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


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

@media (max-width: 767px) {

    .animated-btn .elementor-button {
        min-width: 100px;
        min-height: 46px;
        padding: 11px 19px !important;
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7fd03da *//* ==========================================
   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 27px !important;

    background: linear-gradient(
        135deg,
        #C45091 0%,
        #B83F82 50%,
        #9E286B 100%
    ) !important;

    background-color: #C45091 !important;

    border: 2px solid #FFD83D !important;
    border-radius: 11px !important;

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

    box-shadow:
        0 6px 18px rgba(196,80,145,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

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

    z-index: 1 !important;
}


/* ==========================================
   MOVING GOLDEN BEAM
========================================== */

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

    position: absolute !important;

    top: -60% !important;
    left: -80% !important;

    width: 38% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 25%,
        #FFE66A 50%,
        rgba(255,255,255,.15) 75%,
        transparent 100%
    ) !important;

    transform: rotate(22deg) !important;

    animation:
        goldenBeam 2.2s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ==========================================
   SOFT GOLD LIGHT INSIDE BUTTON
========================================== */

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

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

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,224,61,.28),
            transparent 38%
        ) !important;

    animation:
        innerGold 2.8s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 1 !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;
}


/* ==========================================
   GOLDEN BEAM ANIMATION
========================================== */

@keyframes goldenBeam {

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

    10% {
        opacity: 1;
    }

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

    60% {
        opacity: 0;
    }

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


/* ==========================================
   INNER GOLD ANIMATION
========================================== */

@keyframes innerGold {

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

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


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

.animated-btn .elementor-button:hover {

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

    background: linear-gradient(
        135deg,
        #D15B9C,
        #C45091,
        #A92F73
    ) !important;

    background-color: #C45091 !important;

    border-color: #FFF078 !important;

    box-shadow:
        0 13px 28px rgba(196,80,145,.38),
        0 0 22px rgba(255,216,61,.25) !important;
}


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

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.97) !important;
}


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

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

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

    border-color: #FFD83D !important;

    outline: none !important;
}


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

.animated-btn:nth-child(2) .elementor-button::before {
    animation-delay: -.7s !important;
}

.animated-btn:nth-child(3) .elementor-button::before {
    animation-delay: -1.4s !important;
}

.animated-btn:nth-child(4) .elementor-button::before {
    animation-delay: -2.1s !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;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a0cd1a2 *//* ==========================================
   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 27px !important;

    background: linear-gradient(
        135deg,
        #C45091 0%,
        #B83F82 50%,
        #9E286B 100%
    ) !important;

    background-color: #C45091 !important;

    border: 2px solid #FFD83D !important;
    border-radius: 11px !important;

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

    box-shadow:
        0 6px 18px rgba(196,80,145,.28),
        inset 0 1px 0 rgba(255,255,255,.25) !important;

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

    z-index: 1 !important;
}


/* ==========================================
   MOVING GOLDEN BEAM
========================================== */

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

    position: absolute !important;

    top: -60% !important;
    left: -80% !important;

    width: 38% !important;
    height: 220% !important;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,.15) 25%,
        #FFE66A 50%,
        rgba(255,255,255,.15) 75%,
        transparent 100%
    ) !important;

    transform: rotate(22deg) !important;

    animation:
        goldenBeam 2.2s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 2 !important;
}


/* ==========================================
   SOFT GOLD LIGHT INSIDE BUTTON
========================================== */

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

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

    background:
        radial-gradient(
            circle at 0% 50%,
            rgba(255,224,61,.28),
            transparent 38%
        ) !important;

    animation:
        innerGold 2.8s ease-in-out infinite !important;

    pointer-events: none !important;

    z-index: 1 !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;
}


/* ==========================================
   GOLDEN BEAM ANIMATION
========================================== */

@keyframes goldenBeam {

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

    10% {
        opacity: 1;
    }

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

    60% {
        opacity: 0;
    }

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


/* ==========================================
   INNER GOLD ANIMATION
========================================== */

@keyframes innerGold {

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

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


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

.animated-btn .elementor-button:hover {

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

    background: linear-gradient(
        135deg,
        #D15B9C,
        #C45091,
        #A92F73
    ) !important;

    background-color: #C45091 !important;

    border-color: #FFF078 !important;

    box-shadow:
        0 13px 28px rgba(196,80,145,.38),
        0 0 22px rgba(255,216,61,.25) !important;
}


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

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


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

.animated-btn .elementor-button:active {
    transform: translateY(-1px) scale(.97) !important;
}


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

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

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

    border-color: #FFD83D !important;

    outline: none !important;
}


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

.animated-btn:nth-child(2) .elementor-button::before {
    animation-delay: -.7s !important;
}

.animated-btn:nth-child(3) .elementor-button::before {
    animation-delay: -1.4s !important;
}

.animated-btn:nth-child(4) .elementor-button::before {
    animation-delay: -2.1s !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;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23d9166 */.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-96af6b9 */.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-5ec9ef1 */.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-5b78add */.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-96af6b9 */.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-5ec9ef1 */.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-5b78add */.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 */