.elementor-402 .elementor-element.elementor-element-05a2c9a{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-402 .elementor-element.elementor-element-69bba87{text-align:center;}.elementor-402 .elementor-element.elementor-element-69bba87 .elementor-heading-title{color:#FFFFFF;}.elementor-402 .elementor-element.elementor-element-871b4db > .elementor-widget-container{margin:-40px 0px -20px 0px;}#elementor-popup-modal-402{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-402 .dialog-message{width:450px;height:auto;}#elementor-popup-modal-402 .dialog-close-button{display:flex;}#elementor-popup-modal-402 .dialog-widget-content{border-radius:23px 23px 23px 23px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-402 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-402 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-402 .elementor-element.elementor-element-69bba87.elementor-element{--align-self:center;}#elementor-popup-modal-402 .dialog-message{width:300px;}}/* Start custom CSS for container, class: .elementor-element-05a2c9a *//* Add CSS Class: dm-popup */

.dm-popup{
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: linear-gradient(
        135deg,
        #841ceb,
        #a61cc7,
        #e41c8a,
        #841ceb
    );
    background-size: 400% 400%;
    animation: gradientFlow 8s ease infinite;
    box-shadow:
        0 20px 60px rgba(132,28,235,.35),
        0 10px 30px rgba(228,28,138,.25);
}

/* Animated Glow */
.dm-popup::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    top:-180px;
    left:-180px;
    border-radius:50%;
    background:radial-gradient(circle,
        rgba(255,255,255,.25) 0%,
        rgba(132,28,235,.12) 35%,
        transparent 70%);
    filter:blur(25px);
    animation:glowMove1 12s ease-in-out infinite alternate;
    pointer-events:none;
}

/* Second Glow */
.dm-popup::after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    right:-180px;
    bottom:-180px;
    border-radius:50%;
    background:radial-gradient(circle,
        rgba(255,255,255,.20) 0%,
        rgba(228,28,138,.18) 40%,
        transparent 70%);
    filter:blur(30px);
    animation:glowMove2 10s ease-in-out infinite alternate;
    pointer-events:none;
}

/* Floating Sparkles */
.dm-popup .elementor-widget-wrap::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 20% 30%, rgba(255,255,255,.35) 2px, transparent 3px),
        radial-gradient(circle at 80% 25%, rgba(255,255,255,.25) 2px, transparent 3px),
        radial-gradient(circle at 40% 80%, rgba(255,255,255,.30) 2px, transparent 3px),
        radial-gradient(circle at 70% 65%, rgba(255,255,255,.20) 2px, transparent 3px);
    animation: sparkleMove 18s linear infinite;
    opacity:.8;
    pointer-events:none;
}

@keyframes gradientFlow{
    0%{
        background-position:0% 50%;
    }
    50%{
        background-position:100% 50%;
    }
    100%{
        background-position:0% 50%;
    }
}

@keyframes glowMove1{
    from{
        transform:translate(-30px,-20px) scale(1);
    }
    to{
        transform:translate(100px,80px) scale(1.3);
    }
}

@keyframes glowMove2{
    from{
        transform:translate(20px,20px) scale(1);
    }
    to{
        transform:translate(-80px,-60px) scale(1.25);
    }
}

@keyframes sparkleMove{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-180px);
    }
}

.dm-popup{
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border:1px solid rgba(255,255,255,.12);
}/* End custom CSS */