.elementor-521 .elementor-element.elementor-element-7f2f8bc{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:stretch;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--overflow:hidden;top:0px;}.elementor-521 .elementor-element.elementor-element-7f2f8bc.e-con{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-521 .elementor-element.elementor-element-7f2f8bc{left:0px;}body.rtl .elementor-521 .elementor-element.elementor-element-7f2f8bc{right:0px;}.elementor-521 .elementor-element.elementor-element-900585c .jet-listing-dynamic-image{justify-content:flex-start;}.elementor-521 .elementor-element.elementor-element-900585c .jet-listing-dynamic-image__figure{align-items:flex-start;}.elementor-521 .elementor-element.elementor-element-900585c .jet-listing-dynamic-image a{display:flex;justify-content:flex-start;}.elementor-521 .elementor-element.elementor-element-900585c .jet-listing-dynamic-image__caption{text-align:left;}.elementor-521 .elementor-element.elementor-element-01e0f37{--display:flex;--position:fixed;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:-2.5rem;top:0px;--z-index:5;}body:not(.rtl) .elementor-521 .elementor-element.elementor-element-01e0f37{left:0px;}body.rtl .elementor-521 .elementor-element.elementor-element-01e0f37{right:0px;}.elementor-521 .elementor-element.elementor-element-eee5f36 .jet-listing-dynamic-field__content{color:#FFFFFF;}.elementor-521 .elementor-element.elementor-element-eee5f36 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-521 .elementor-element.elementor-element-eee5f36 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-521 .elementor-element.elementor-element-eee5f36 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-521 .elementor-element.elementor-element-40f6359{--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;--justify-content:flex-start;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-521 .elementor-element.elementor-element-d6ddc2e .jet-listing-dynamic-field__content{color:#FFFFFF;text-align:left;}.elementor-521 .elementor-element.elementor-element-d6ddc2e .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-521 .elementor-element.elementor-element-d6ddc2e .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-521 .elementor-element.elementor-element-d6ddc2e .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-521 .elementor-element.elementor-element-cac3c01 .jet-listing-dynamic-field__content{color:#FFFFFF;text-align:left;}.elementor-521 .elementor-element.elementor-element-cac3c01 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-521 .elementor-element.elementor-element-cac3c01 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-521 .elementor-element.elementor-element-cac3c01 .jet-listing-dynamic-field{justify-content:flex-start;}.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-521 .elementor-element.elementor-element-b73c040 .elementor-button{background-color:#A2BAFF;font-family:"Vazirmatn", Sans-serif;font-weight:500;}.elementor-521 .elementor-element.elementor-element-b73c040{width:var( --container-widget-width, 25rem );max-width:25rem;--container-widget-width:25rem;--container-widget-flex-grow:0;}.elementor-521 .elementor-element.elementor-element-b73c040.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-521 .elementor-element.elementor-element-01e0f37{--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:-1rem;}}@media(min-width:768px){.elementor-521 .elementor-element.elementor-element-7f2f8bc{--width:93.99%;}.elementor-521 .elementor-element.elementor-element-40f6359{--width:30rem;}}@media(max-width:767px){.elementor-521 .elementor-element.elementor-element-01e0f37{--content-width:100%;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-521 .elementor-element.elementor-element-eee5f36{margin:0rem 0.3rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-521 .elementor-element.elementor-element-40f6359{--width:100%;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0.0rem;}.elementor-521 .elementor-element.elementor-element-b73c040{margin:0rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;--container-widget-width:25rem;--container-widget-flex-grow:0;width:var( --container-widget-width, 25rem );max-width:25rem;}.elementor-521 .elementor-element.elementor-element-b73c040.elementor-element{--align-self:center;}}/* Start custom CSS for container, class: .elementor-element-7f2f8bc *//* ==========================================
   Premium Portfolio Card v2
   FULL REWRITE WITH CLICK FIX
   ========================================== */

/* ==========================================
   Part 1 - Structure
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc {
    position: relative;
    width: 100%;
    min-height: 550px; /* ← کاهش ۱۰٪ ارتفاع در دسکتاپ (از 680px به 612px) */
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    padding: 34px;
    border-radius: 34px;
    isolation: isolate;
    background: #0F1625;
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .12),
        inset 0 -1px rgba(255, 255, 255, .03),
        0 25px 70px rgba(0, 0, 0, .18);
    transition:
        transform .55s cubic-bezier(.2, .8, .2, 1),
        box-shadow .55s ease,
        filter .55s ease;
    /* افکت‌های تزئینی اضافی */
    background-image:
        radial-gradient(circle at top, rgba(23, 95, 214, .10), transparent 55%);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    border-color: rgba(255, 255, 255, .10);
    transform-origin: center;
    isolation: isolate;
}


/* ==========================================
   Dynamic Image Layer
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

/* تصویر JetEngine */
.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: top center;
    transform-origin: center top;
    transform: scale(1);
    transition:
        transform 1.3s cubic-bezier(.22, .61, .36, 1),
        filter .8s ease;
}

/* ==========================================
   Dark Overlay (FIX: pointer-events: none)
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none; /* اضافه شد تا کلیک از آن عبور کند */
    background:
        linear-gradient(
            180deg,
            rgba(8, 18, 38, .02) 0%,
            rgba(8, 18, 38, .08) 20%,
            rgba(8, 18, 38, .22) 42%,
            rgba(8, 18, 38, .52) 72%,
            rgba(8, 18, 38, .90) 100%
        );
    transition:
        background .55s ease,
        opacity .55s ease;
}


/* ==========================================
   Premium Glass Border
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc::after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 34px;
    z-index: 6;
    pointer-events: none; /* قبلاً وجود داشت، برای اطمینان تکرار شد */
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .26),
            rgba(23, 95, 214, .18),
            rgba(255, 255, 255, .05),
            rgba(23, 95, 214, .10)
        );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition:
        opacity .45s ease,
        transform .45s ease;
}


/* ==========================================
   Content Layer (FIX: اجازه عبور کلیک به جز دکمه)
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc .content-overlay {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 18px;
    margin-right: -2rem; /* اصلاح شد: فقط و فقط پدینگ راست منفی حدود 2 rem به content-overlay داده شد */
    pointer-events: none; /* اضافه شد تا کلیک روی متن‌ها از آن عبور کند و به لینک کارت برسد */
    transition:
        transform .45s ease;
}


/* ==========================================
   Title
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-title {
    margin: 0;
    cursor: default; /* خود عنوان کلیک‌پذیر نیست */
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-title .jet-listing-dynamic-field__content {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -.02em;
    text-shadow:
        0 6px 18px rgba(0, 0, 0, .28);
    transition:
        color .35s ease,
        transform .35s ease,
        text-shadow .35s ease;
}


/* ==========================================
   Meta Row
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc .meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc .meta-row > * {
    display: flex;
    transition-delay: 0s;
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc .meta-row .jet-listing-dynamic-field__content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: #EAF3FF;
    background: rgba(23, 95, 214, .18);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .18),
        0 8px 20px rgba(23, 95, 214, .14);
    transition:
        all .35s ease;
    cursor: default;
}


/* ==========================================
   Button Wrapper (FIX: دکمه کلیک‌پذیر باقی می‌ماند)
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-button {
    margin-top: 10px;
    cursor: pointer;
    pointer-events: auto; /* اضافه شد تا دکمه کاملاً کلیک‌پذیر باشد */
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-button .elementor-button {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    background:
        linear-gradient(135deg, #175FD6, #2E79F2);
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow:
        0 14px 35px rgba(23, 95, 214, .28);
    transition:
        all .4s cubic-bezier(.2, .8, .2, 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-button .elementor-button-text {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .02em;
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-button .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            120deg,
            transparent 15%,
            rgba(255, 255, 255, .28) 50%,
            transparent 85%
        );
    transform: translateX(-130%);
    transition:
        transform .8s ease;
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-button .elementor-button:active {
    transform: scale(.98);
}


/* ==========================================
   Image Shine (FIX: pointer-events: none)
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc .project-image::after {
    content: "";
    position: absolute;
    top: -20%;
    left: -80%;
    width: 45%;
    height: 150%;
    background:
        linear-gradient(
            110deg,
            transparent,
            rgba(255, 255, 255, .28),
            transparent
        );
    transform: rotate(18deg);
    transition: left .9s ease;
    pointer-events: none; /* اضافه شد تا کلیک از آن عبور کند */
}


/* ==========================================
   Premium Finish - Floating Blue Glow (FIX: pointer-events: none)
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc .portfolio-glow {
    position: absolute;
    left: 50%;
    bottom: -65px;
    width: 72%;
    height: 90px;
    transform: translateX(-50%);
    border-radius: 50%;
    background:
        radial-gradient(ellipse, rgba(23, 95, 214, .28), rgba(23, 95, 214, 0));
    filter: blur(40px);
    opacity: .65;
    pointer-events: none; /* اضافه شد */
    z-index: -1;
    transition:
        transform .5s ease,
        opacity .5s ease,
        width .5s ease;
}


/* ==========================================
   Premium Finish - Glass Reflection (FIX: pointer-events: none)
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc .glass-reflection {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    overflow: hidden;
    pointer-events: none; /* اضافه شد */
    z-index: 3;
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc .glass-reflection::before {
    content: "";
    position: absolute;
    top: -25%;
    left: -55%;
    width: 65%;
    height: 180%;
    background:
        linear-gradient(
            115deg,
            transparent,
            rgba(255, 255, 255, .08),
            transparent
        );
    transform: rotate(18deg);
    transition: left 1.1s ease;
}


/* ==========================================
   Part 3 - Hover & Image Animation
   ========================================== */

/* Image Animation */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-image img {
    transform:
        scale(1.08)
        translateY(-8px);
    filter:
        brightness(1.08)
        saturate(1.08);
}

/* Card Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover {
    transform:
        translateY(-10px);
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .14),
        inset 0 -1px rgba(255, 255, 255, .04),
        0 30px 80px rgba(23, 95, 214, .28),
        0 18px 35px rgba(0, 0, 0, .18);
    border-color: rgba(23, 95, 214, .35);
    filter: saturate(1.03);
}

/* Overlay Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover::before {
    background:
        linear-gradient(
            180deg,
            rgba(8, 18, 38, 0) 0%,
            rgba(8, 18, 38, .05) 18%,
            rgba(8, 18, 38, .16) 40%,
            rgba(8, 18, 38, .45) 68%,
            rgba(8, 18, 38, .88) 100%
        );
}

/* Animated Border */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover::after {
    opacity: 1;
    transform: scale(1.01);
}

/* Image Shine Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-image::after {
    left: 140%;
}

/* Content Overlay Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .content-overlay {
    transform: translateY(-4px);
}

/* Title Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-title .jet-listing-dynamic-field__content {
    color: #ffffff;
    text-shadow:
        0 0 18px rgba(23, 95, 214, .35),
        0 8px 22px rgba(0, 0, 0, .30);
}

/* Meta Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row .jet-listing-dynamic-field__content {
    background: rgba(23, 95, 214, .24);
    border-color: rgba(255, 255, 255, .18);
}

/* Button Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-button .elementor-button {
    transform: translateY(-2px);
    box-shadow:
        0 20px 40px rgba(23, 95, 214, .40);
}

.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-button .elementor-button::before {
    transform: translateX(220%);
}

/* Glow Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .portfolio-glow {
    width: 82%;
    opacity: 1;
    transform:
        translateX(-50%)
        translateY(6px);
}

/* Glass Reflection Hover */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .glass-reflection::before {
    left: 135%;
}

/* Badge Hover Delay */
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row>*:nth-child(1) {
    transition-delay: .05s;
}
.elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row>*:nth-child(2) {
    transition-delay: .10s;
}


/* ==========================================
   Part 4 - Responsive
   ========================================== */

/* Tablet */
@media (max-width: 1024px) {
    .elementor-521 .elementor-element.elementor-element-7f2f8bc {
        min-height: 540px;
        padding: 26px;
        border-radius: 28px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc::after {
        border-radius: 28px;
    }

    .elementor-521 .elementor-element.elementor-element-7f2f8bc .project-title .jet-listing-dynamic-field__content {
        font-size: 24px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .meta-row .jet-listing-dynamic-field__content {
        padding: 9px 14px;
        font-size: 12px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .project-button .elementor-button {
        min-height: 50px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .portfolio-glow {
        height: 70px;
        filter: blur(30px);
    }

    /* ===== DISABLE HOVER EFFECTS ON TABLET ===== */
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover {
        transform: translateY(0) !important;
        box-shadow:
            inset 0 1px rgba(255, 255, 255, .12),
            inset 0 -1px rgba(255, 255, 255, .03),
            0 25px 70px rgba(0, 0, 0, .18) !important;
        border-color: rgba(255, 255, 255, .10) !important;
        filter: saturate(1) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-image img {
        transform: scale(1) !important;
        filter: none !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover::before {
        background:
            linear-gradient(
                180deg,
                rgba(8, 18, 38, .02) 0%,
                rgba(8, 18, 38, .08) 20%,
                rgba(8, 18, 38, .22) 42%,
                rgba(8, 18, 38, .52) 72%,
                rgba(8, 18, 38, .90) 100%
            ) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover::after {
        transform: scale(1) !important;
        opacity: 1 !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-image::after {
        left: -80% !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .content-overlay {
        transform: translateY(0) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-title .jet-listing-dynamic-field__content {
        color: #FFFFFF !important;
        text-shadow: 0 6px 18px rgba(0, 0, 0, .28) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row .jet-listing-dynamic-field__content {
        background: rgba(23, 95, 214, .18) !important;
        border-color: rgba(255, 255, 255, .14) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-button .elementor-button {
        transform: translateY(0) !important;
        box-shadow: 0 14px 35px rgba(23, 95, 214, .28) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-button .elementor-button::before {
        transform: translateX(-130%) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .portfolio-glow {
        width: 72% !important;
        opacity: .65 !important;
        transform: translateX(-50%) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .glass-reflection::before {
        left: -55% !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row>*:nth-child(1),
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row>*:nth-child(2) {
        transition-delay: 0s !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .elementor-521 .elementor-element.elementor-element-7f2f8bc {
        min-height: 468px; /* ← افزایش ۲۰٪ (390px * 1.2) */
       
        padding: 20px;
        border-radius: 22px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .content-overlay {
        margin: 0px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc::after {
        border-radius: 22px;
    }

    .elementor-521 .elementor-element.elementor-element-7f2f8bc .project-title .jet-listing-dynamic-field__content {
        font-size: 20px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .meta-row {
        gap: 8px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .meta-row .jet-listing-dynamic-field__content {
        padding: 8px 12px;
        font-size: 11px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .project-button .elementor-button {
        min-height: 46px;
        border-radius: 14px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .project-button .elementor-button-text {
        font-size: 14px;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc .portfolio-glow {
        width: 65%;
        height: 45px;
        bottom: -30px;
        filter: blur(18px);
    }

    /* ===== DISABLE HOVER EFFECTS ON MOBILE ===== */
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover {
        transform: translateY(0) !important;
        box-shadow:
            inset 0 1px rgba(255, 255, 255, .12),
            inset 0 -1px rgba(255, 255, 255, .03),
            0 25px 70px rgba(0, 0, 0, .18) !important;
        border-color: rgba(255, 255, 255, .10) !important;
        filter: saturate(1) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-image img {
        transform: scale(1) !important;
        filter: none !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover::before {
        background:
            linear-gradient(
                180deg,
                rgba(8, 18, 38, .02) 0%,
                rgba(8, 18, 38, .08) 20%,
                rgba(8, 18, 38, .22) 42%,
                rgba(8, 18, 38, .52) 72%,
                rgba(8, 18, 38, .90) 100%
            ) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover::after {
        transform: scale(1) !important;
        opacity: 1 !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-image::after {
        left: -80% !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .content-overlay {
        transform: translateY(0) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-title .jet-listing-dynamic-field__content {
        color: #FFFFFF !important;
        text-shadow: 0 6px 18px rgba(0, 0, 0, .28) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row .jet-listing-dynamic-field__content {
        background: rgba(23, 95, 214, .18) !important;
        border-color: rgba(255, 255, 255, .14) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-button .elementor-button {
        transform: translateY(0) !important;
        box-shadow: 0 14px 35px rgba(23, 95, 214, .28) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .project-button .elementor-button::before {
        transform: translateX(-130%) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .portfolio-glow {
        width: 65% !important;
        opacity: .65 !important;
        transform: translateX(-50%) !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .glass-reflection::before {
        left: -55% !important;
    }
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row>*:nth-child(1),
    .elementor-521 .elementor-element.elementor-element-7f2f8bc:hover .meta-row>*:nth-child(2) {
        transition-delay: 0s !important;
    }
}


/* ==========================================
   Accessibility - Reduce Motion
   ========================================== */

@media (prefers-reduced-motion: reduce) {
    .elementor-521 .elementor-element.elementor-element-7f2f8bc,
    .elementor-521 .elementor-element.elementor-element-7f2f8bc *,
    .elementor-521 .elementor-element.elementor-element-7f2f8bc::before,
    .elementor-521 .elementor-element.elementor-element-7f2f8bc::after {
        transition: none !important;
        animation: none !important;
    }
}


/* ==========================================
   Better Rendering (Global)
   ========================================== */

.elementor-521 .elementor-element.elementor-element-7f2f8bc,
.elementor-521 .elementor-element.elementor-element-7f2f8bc * {
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}/* End custom CSS */