.elementor-5038 .elementor-element.elementor-element-1e03bb1{--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;}.elementor-5038 .elementor-element.elementor-element-df589c2 > .elementor-widget-container{padding:3px 10px 3px 10px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-5038 .elementor-element.elementor-element-df589c2.elementor-element{--align-self:flex-end;}.elementor-5038 .elementor-element.elementor-element-df589c2:hover .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;}.elementor-5038 .elementor-element.elementor-element-df589c2:hover > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-5038 .elementor-element.elementor-element-df589c2 .cpel-switcher__lang a{font-size:17px;color:#FFFFFF;padding-left:15px;padding-right:15px;}.elementor-5038 .elementor-element.elementor-element-df589c2 .cpel-switcher__icon{color:#FFFFFF;padding-left:10px;}.elementor-5038 .elementor-element.elementor-element-df589c2.cpel-switcher--aspect-ratio-11 .cpel-switcher__flag{width:20px;height:20px;}.elementor-5038 .elementor-element.elementor-element-df589c2.cpel-switcher--aspect-ratio-43 .cpel-switcher__flag{width:20px;height:calc(20px * 0.75);}.elementor-5038 .elementor-element.elementor-element-df589c2 .cpel-switcher__flag img{border-radius:0px;}.elementor-5038 .elementor-element.elementor-element-df589c2 .cpel-switcher__name{padding-left:10px;}/* Start custom CSS for polylang-language-switcher, class: .elementor-element-df589c2 *//* ==== Liquid Glassmorphism Container ==== */
.liquid-glass {
    position: relative;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 24px;
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border: 1.2px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.15),
        inset 0 2px 8px rgba(255, 255, 255, 0.15),
        0 0 30px rgba(135, 206, 235, 0.15); /* حس آبی iOS */
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* افکت حرکت مایع (Liquid Motion) با ماوس */
.liquid-glass::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), 
                rgba(255, 255, 255, 0.25) 0%, 
                transparent 50%);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
    z-index: 1;
}

.liquid-glass:hover::before {
    opacity: 1;
}

.liquid-glass:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.2),
        inset 0 2px 12px rgba(255, 255, 255, 0.25),
        0 0 50px rgba(135, 206, 235, 0.3);
    border: 1.2px solid rgba(255, 255, 255, 0.35);
}

/* برای داخل کارت محتوا */
.liquid-glass-inner {
    position: relative;
    z-index: 2;
    padding: 32px;
    color: white;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* حالت تیره (اگر سایتت دارک باشه خیلی خفن‌تر میشه) */
.dark-bg .liquid-glass {
    background: rgba(20, 20, 40, 0.35);
    border: 1.2px solid rgba(255, 255, 255, 0.12);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.
        
        
<script>
document.querySelectorAll('.liquid-glass').forEach(card => {
    card.addEventListener('mousemove', (e) => {
        const rect = card.getBoundingClientRect();
        const x = e.clientX - rect.left;
        const y = e.clientY - rect.top;
        card.style.setProperty('--mouse-x', `${x}px`);
        card.style.setProperty('--mouse-y', `${y}px`);
    });
    
    // وقتی ماوس خارج شد، وسط برگرده
    card.addEventListener('mouseleave', () => {
        card.style.setProperty('--mouse-x', '50%');
        card.style.setProperty('--mouse-y', '50%');
    });
});
</script>/* End custom CSS */