.elementor-12933 .elementor-element.elementor-element-3c685b7{--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-12933 .elementor-element.elementor-element-de52bd5 .cpel-switcher__nav{--cpel-switcher-space:15px;}.elementor-12933 .elementor-element.elementor-element-de52bd5.cpel-switcher--aspect-ratio-11 .cpel-switcher__flag{width:20px;height:20px;}.elementor-12933 .elementor-element.elementor-element-de52bd5.cpel-switcher--aspect-ratio-43 .cpel-switcher__flag{width:20px;height:calc(20px * 0.75);}.elementor-12933 .elementor-element.elementor-element-de52bd5 .cpel-switcher__flag img{border-radius:0px;}.elementor-12933 .elementor-element.elementor-element-de52bd5 .cpel-switcher__name{padding-right:10px;}.elementor-12933 .elementor-element.elementor-element-d8a61a9{--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-12933 .elementor-element.elementor-element-662e3cc > .elementor-widget-container{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;}.elementor-12933 .elementor-element.elementor-element-662e3cc{text-align:justify;font-size:20px;}.elementor-12933 .elementor-element.elementor-element-c76a4e6{--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-12933 .elementor-element.elementor-element-121ba79 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;}.elementor-12933 .elementor-element.elementor-element-e1e1d9f{--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-12933 .elementor-element.elementor-element-c8ddb11 .faq .question{text-align:right;}.elementor-12933 .elementor-element.elementor-element-c8ddb11 .faq .answers{text-align:right;}.elementor-12933 .elementor-element.elementor-element-33fcac3{--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-12933 .elementor-element.elementor-element-ba5ab53{--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-12933 .elementor-element.elementor-element-ed35b0f{--spacer-size:50px;}.elementor-12933 .elementor-element.elementor-element-3e0f201{--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 text-editor, class: .elementor-element-662e3cc *//*
 * کد CSS اختصاصی برای استایل‌دهی به مقالات
 * تاریخ: 1404/08/18
 * تم رنگی: آبی روشن‌تر
*/

/* --- رنگ اصلی تم: آبی روشن‌تر --- */
:root {
    --primary-blue-lighter: #007bff;
    --sky-blue-bg: #E6F7FF;
}

/* --- بخش ۱: استایل تیترها (h1, h2, ...) --- */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-blue-lighter) !important;
}

/* --- بخش ۲: استایل باکس‌های نقل قول (Blockquote) --- */
blockquote {
    background-color: #F1F8FF !important;
    border-right: 5px solid var(--primary-blue-lighter) !important;
    border-left: none !important;
    padding: 20px 25px !important;
    margin: 30px 0 !important;
    border-radius: 5px !important;
}

blockquote p {
    color: #4B5563 !important;
    font-style: italic !important;
}

/* --- بخش ۳: باکس مخصوص شناسنامه رویداد --- */
.event-info {
    background-color: var(--sky-blue-bg) !important;
    border: 1px solid var(--primary-blue-lighter);
    border-right: 5px solid var(--primary-blue-lighter);
    padding: 20px !important;
    margin: 30px 0 !important;
    border-radius: 8px !important;
}

.event-info h2 {
    color: var(--primary-blue-lighter) !important;
    margin-top: 0 !important;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 123, 255, 0.3);
}

.event-info ul {
    list-style: none;
    padding-right: 0;
    margin: 0;
}

.event-info ul li {
    position: relative;
    padding-right: 28px;
    margin-bottom: 10px;
}

.event-info ul li::before {
    content: "✅";
    position: absolute;
    right: 0;
    top: 0;
    color: var(--primary-blue-lighter);
}

/* --- بخش ۴: تیترهای سوالات متداول --- */
.faq-question {
    color: var(--primary-blue-lighter) !important;
    font-weight: bold !important;
}

/* --- بخش ۵: استایل لینک‌ها --- */
a,
a:visited {
    color: var(--primary-blue-lighter) !important;
    text-decoration: underline;
    transition: color .3s ease;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

a:hover,
a:focus {
    color: #0056b3 !important;
    text-decoration: underline;
}

p a,
li a,
blockquote a,
.event-info a {
    color: var(--primary-blue-lighter) !important;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
}

/* --- بخش ۶: واکنش‌گرایی تصاویر، ویدئو و جدول --- */
img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

table {
    width: 100%;
    display: block;
    overflow-x: auto;
    border-collapse: collapse;
}

/* --- بخش ۷: واکنش‌گرایی موبایل --- */
@media (max-width: 768px) {

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    blockquote {
        padding: 15px 18px !important;
    }

    .event-info {
        padding: 15px !important;
    }

    .event-info ul li {
        padding-right: 24px;
    }

    p,
    li,
    blockquote,
    a {
        word-break: break-word;
        overflow-wrap: anywhere;
        white-space: normal !important;
    }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-121ba79 *//* تنظیم هم‌اندازه شدن تصاویر کاروسل المنتور */
.elementor-image-carousel-wrapper .swiper-slide img {
    width: 100% !important;
    height: 250px !important; /* ارتفاع مورد نظر خود را می‌توانید اینجا تغییر دهید */
    object-fit: cover !important;
    object-position: center !important;
}/* End custom CSS */