.elementor-4527 .elementor-element.elementor-element-fd63101{--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-4527 .elementor-element.elementor-element-ffa8aa6 .wd-text-block{font-size:23px;}.elementor-4527 .elementor-element.elementor-element-21fbaf0{margin:42px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:0px 0px 0px 0px;}.elementor-4527 .elementor-element.elementor-element-21fbaf0 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4527 .elementor-element.elementor-element-878b5d9{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:40px 40px 40px 40px;}.elementor-4527 .elementor-element.elementor-element-878b5d9 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4527 .elementor-element.elementor-element-fe0bd33{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:40px 40px 40px 40px;}.elementor-4527 .elementor-element.elementor-element-fe0bd33 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-4527 .elementor-element.elementor-element-a1c5991{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-4527 .elementor-element.elementor-element-a1c5991.elementor-element{--align-self:center;}@media(max-width:767px){.elementor-4527 .elementor-element.elementor-element-a1c5991{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}}/* Start custom CSS for video, class: .elementor-element-fe0bd33 *//* کانتینر اصلی ویدیو */
.e-hosted-video {
    width: 100%;
    max-width: 800px; /* حداکثر عرض در دسکتاپ */
    margin: 20px auto; /* وسط‌چین کردن و فاصله از بالا/پایین */
    border-radius: 20px; /* گرد کردن گوشه‌ها */
    overflow: hidden; /* مخفی کردن گوشه‌های تیز ویدیو */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15); /* سایه نرم */
    transition: all 0.3s ease-in-out; /* انیمیشن نرم برای هاور */
    border: 1px solid rgba(255, 255, 255, 0.2); /* خط دور ظریف */
    position: relative;
    z-index: 1;
}

/* افکت وقتی کاربر موس را روی ویدیو می‌برد */
.e-hosted-video:hover {
    transform: translateY(-5px); /* کمی بالا آمدن */
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25); /* سایه عمیق‌تر */
}

/* استایل خود تگ ویدیو */
.elementor-video {
    width: 100% !important;
    height: auto !important;
    display: block; /* حذف فضای خالی زیر ویدیو */
    object-fit: cover; /* پر کردن کادر */
}

/* تنظیمات مخصوص موبایل */
@media screen and (max-width: 768px) {
    .e-hosted-video {
        width: 95%; /* در موبایل کمی فاصله از بغل داشته باشد */
        max-width: 100%;
        border-radius: 15px; /* گوشه‌های کمی تیزتر در موبایل */
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
    
    .e-hosted-video:hover {
        transform: none; /* در موبایل افکت حرکت لازم نیست */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1c5991 *//* کانتینر اصلی */
.custom-faq-container {
    display: flex;
    flex-direction: column;
    gap: 12px; /* فاصله بین آیتم‌ها */
    max-width: 100%;
}

/* باکس هر آیتم */
.faq-item {
    background: #ffffff;
    border: 1px solid #f2f2f2;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* حالت باز شده - تغییر رنگ بوردر و سایه */
.faq-item[open] {
    border-color: #27ae60; /* سبز برند شما */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* تیتر سوال */
.faq-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    cursor: pointer;
    list-style: none; /* حذف نشانگر پیش‌فرض */
    background: transparent;
}

/* حذف نشانگر پیش‌فرض در کروم و سافاری */
.faq-title::-webkit-details-marker {
    display: none;
}

/* متن سوال */
.faq-text {
    font-size: 1rem;
    font-weight: 700;
    color: #333;
    transition: color 0.3s ease;
}

.faq-item[open] .faq-text {
    color: #27ae60;
}

/* دایره دور آیکون */
.faq-icon {
    width: 32px;
    height: 32px;
    background: #f8f8f8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0; /* جلوگیری از جمع شدن دایره */
    margin-right: 15px; /* فاصله از متن */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* انیمیشن چرخشی نرم */
}

/* آیکون داخل دایره (به علاوه) */
.faq-icon svg {
    width: 14px;
    height: 14px;
    stroke: #777;
    transition: stroke 0.3s ease;
}

/* تغییرات آیکون در حالت باز */
.faq-item[open] .faq-icon {
    background-color: #27ae60;
    transform: rotate(45deg); /* چرخش 45 درجه که مثبت را به ضربدر تبدیل می‌کند */
}

.faq-item[open] .faq-icon svg {
    stroke: #ffffff;
}

/* انیمیشن باز شدن محتوا (تکنیک Grid) */
.faq-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.4s ease-out;
}

.faq-item[open] .faq-content {
    grid-template-rows: 1fr;
}

.faq-content-inner {
    overflow: hidden;
}

/* استایل متن جواب */
.faq-content-inner p {
    font-size: 0.95rem;
    line-height: 1.8;
    color: #555;
    margin: 0;
    padding: 0 20px 20px 20px; /* پدینگ فقط اینجا داده می‌شود تا پرش حذف شود */
    text-align: justify;
}

/* فاصله بین پاراگراف‌ها اگر جواب طولانی بود */
.faq-content-inner p + p {
    margin-top: 10px;
}/* End custom CSS */