.elementor-3803 .elementor-element.elementor-element-5b49a82{text-align:center;}.elementor-3803 .elementor-element.elementor-element-5b49a82 .elementor-heading-title{font-size:28px;font-weight:700;}.elementor-3803 .elementor-element.elementor-element-23b6a3c{text-align:center;}.elementor-3803 .elementor-element.elementor-element-23b6a3c .elementor-heading-title{font-size:21px;line-height:31px;}.elementor-3803 .elementor-element.elementor-element-ab26dc4 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-3803 .elementor-element.elementor-element-c55cc22{text-align:center;}.elementor-3803 .elementor-element.elementor-element-c55cc22 .elementor-heading-title{font-size:28px;font-weight:700;}.elementor-3803 .elementor-element.elementor-element-c8d81db{text-align:center;}.elementor-3803 .elementor-element.elementor-element-c8d81db .elementor-heading-title{font-size:21px;line-height:31px;}/* Start custom CSS for video, class: .elementor-element-ab26dc4 *//* ۱. استایل کلی بدنه ویدیو */
.pro-video-player {
    position: relative !important;
    border-radius: 30px !important; /* گوشه‌های بسیار نرم */
    overflow: hidden !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;
    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1) !important;
    background: #000 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}

/* ۲. افکت هاور روی کل فریم */
.pro-video-player:hover {
    transform: translateY(-10px) scale(1.01) !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.2) !important;
}

/* ۳. استایل دکمه پلی (Play Icon) */
.pro-video-player .elementor-custom-embed-play {
    width: 80px !important;
    height: 80px !important;
    background: rgba(255, 255, 255, 0.2) !important; /* پس‌زمینه شیشه‌ای دکمه */
    backdrop-filter: blur(10px) !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.4s ease !important;
}

/* ۴. آیکون مثلثی داخل دکمه */
.pro-video-player .elementor-custom-embed-play i {
    font-size: 30px !important;
    color: #fff !important;
    margin-left: 5px !important; /* تراز کردن مثلث در مرکز دایره */
}

/* ۵. انیمیشن تپش (Pulse) دور دکمه پلی */
.pro-video-player .elementor-custom-embed-play::before {
    content: '' !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    background: #fff !important;
    opacity: 0.5 !important;
    animation: pulse-orange 2s infinite !important;
}

@keyframes pulse-orange {
    0% { transform: scale(1); opacity: 0.5; }
    100% { transform: scale(1.6); opacity: 0; }
}

/* ۶. تغییرات هنگام هاور روی دکمه */
.pro-video-player:hover .elementor-custom-embed-play {
    background: #ff6d00 !important; /* تغییر رنگ به نارنجی برند شما هنگام هاور */
    border-color: #ff6d00 !important;
    transform: scale(1.1) rotate(15deg) !important;
}

/* ۷. افکت روی تصویر کاور (Overlay) */
.pro-video-player .elementor-custom-embed-image-overlay img {
    transition: all 0.8s ease !important;
    filter: brightness(0.8) !important;
}

.pro-video-player:hover .elementor-custom-embed-image-overlay img {
    transform: scale(1.1) !important;
    filter: brightness(1) !important;
}

/* ۸. حذف کادرهای اضافه در حالت موبایل */
@media (max-width: 767px) {
    .pro-video-player {
        border-radius: 20px !important;
    }
    .pro-video-player .elementor-custom-embed-play {
        width: 60px !important;
        height: 60px !important;
    }
}/* End custom CSS */