.elementor-724 .elementor-element.elementor-element-d6a9060{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-d14e6c0 *//* ================================
   PouyaWeb — Floating Neon Glass Box
   Hover Lift + Animated Light Border
=================================== */

.pw-modal-dark {
    width: 100%;
    max-width: 760px;
    padding: 48px 56px;
    margin: 0 auto;
    text-align: center;

    /* Glass */
    background: rgba(14, 16, 26, 0.55);
    backdrop-filter: blur(28px) saturate(220%);
    -webkit-backdrop-filter: blur(28px) saturate(220%);
    
    border-radius: 22px;
    position: relative;
    transition: transform .45s ease, box-shadow .45s ease, border .45s ease;

    /* No shadow */
    box-shadow: none !important;

    /* Fade-in */
    opacity: 0;
    transform: translateY(18px) scale(0.97);
    animation: pwFadeIn .45s ease-out forwards;
}

/* Fade-in animation */
@keyframes pwFadeIn {
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* ======================================
   ANIMATED NEON BORDER (PouyaWeb Style)
====================================== */

.pw-modal-dark::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 22px;
    padding: 2px;
    background: linear-gradient(
        120deg,
        #777fff,
        #9aa0ff,
        #bfc2ff,
        #777fff
    );
    background-size: 300% 300%;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    animation: borderFlow 8s linear infinite;
    opacity: 0;
    transition: opacity .45s ease;
}

/* Border animation */
@keyframes borderFlow {
    0%   { background-position: 0% 0%; }
    100% { background-position: 300% 300%; }
}

/* ======================================
   Hover Lift + Glow Border
====================================== */
.pw-modal-dark:hover {
    transform: translateY(-6px) scale(1.01);
}

.pw-modal-dark:hover::before {
    opacity: 1;
}


/* ======================
   TITLE (Liquid Gradient)
====================== */
.pw-modal-dark .pw-title {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 20px;

    background: linear-gradient(90deg,#fff,#bfc2ff,#777fff,#bfc2ff,#fff);
    background-size: 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: liquid 12s linear infinite;
}

@keyframes liquid {
    0% { background-position: 0%; }
    100% { background-position: 300%; }
}

/* Subtitle */
.pw-modal-dark .pw-subtitle {
    font-size: 19px;
    font-weight: 500;
    color: #F0F0FA;
    opacity: .88;
    margin-bottom: 22px;
}

/* Text */
.pw-modal-dark .pw-text {
    font-size: 15.5px;
    color: #E5E5F0;
    opacity: .78;
    line-height: 1.65;
    margin-bottom: 18px;
}





/* ================================
   POUYAWEB — Border Scan Light v1
================================ */

.pw-modal-dark {
    position: relative;
}

.pw-modal-dark::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 22px;
    padding: 2px;

    background: linear-gradient(
        120deg,
        transparent 0%,
        #777fff 40%,
        #bfc2ff 50%,
        transparent 60%
    );
    background-size: 200% 200%;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    animation: borderScan 3.5s linear infinite;
    opacity: 0.9;
}

@keyframes borderScan {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 200%; }
}



/* ===========================
   MOBILE (Compact Glass Popup)
   PouyaWeb.io
=========================== */
@media (max-width: 540px) {

    .pw-modal-dark {
        max-width: 88% !important;
        padding: 28px 26px !important;
        border-radius: 18px !important;
        transform: translateY(10px) scale(.94) !important;
    }

    .pw-modal-dark:hover {
        transform: translateY(-2px) scale(.965) !important;
    }

    /* Title smaller */
    .pw-modal-dark .pw-title {
        font-size: 24px !important;
        line-height: 1.26 !important;
        margin-bottom: 14px !important;
    }

    /* Subtitle */
    .pw-modal-dark .pw-subtitle {
        font-size: 15px !important;
        margin-bottom: 14px !important;
    }

    /* Text paragraphs */
    .pw-modal-dark .pw-text {
        font-size: 13.8px !important;
        line-height: 1.58 !important;
        margin-bottom: 12px !important;
    }
}



/* ================================
 💜 NEON CLOSE BUTTON — PouyaWeb (Pro v2)
 90° Spin + Soft Glow + #777FFF
================================ */

/* Default popup close button styles */
.mfp-close-btn-in .mfp-close,
.wd-popup-close,
.wd-popup-close i {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 22px !important;
    border-radius: 50% !important;

    /* Glass background */
    background: rgba(38, 32, 84, 0.55) !important;
    backdrop-filter: blur(13px) saturate(170%) !important;
    -webkit-backdrop-filter: blur(13px) saturate(170%) !important;

    /* Neon Color */
    color: #777FFF !important;
    border: 1px solid rgba(119, 127, 255, 0.55) !important;

    /* Glow */
    box-shadow: 0 0 10px rgba(119, 127, 255, 0.55),
                0 0 18px rgba(119, 127, 255, 0.25) !important;

    /* Animation Smoothness */
    transition: transform .35s ease, box-shadow .35s ease, color .35s ease, border-color .35s ease !important;
    z-index: 999999 !important;
}

/* Hover animation — rotation + neon boost */
.mfp-close-btn-in .mfp-close:hover,
.wd-popup-close:hover {
    transform: rotate(90deg) scale(1.15) !important;
    color: #FFFFFF !important;
    border-color: rgba(119, 127, 255, 1) !important;

    /* Stronger Glow on Hover */
    box-shadow: 0 0 16px rgba(119, 127, 255, 0.95),
                0 0 32px rgba(119, 127, 255, 0.65),
                0 0 56px rgba(119, 127, 255, 0.45) !important;
}/* End custom CSS */