.elementor-2163 .elementor-element.elementor-element-b0f5e9b{--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;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2163 .elementor-element.elementor-element-f0d5c8a{--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-2163 .elementor-element.elementor-element-fda8680{--display:flex;--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:center;--align-items:center;}.elementor-widget-theme-archive-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2163 .elementor-element.elementor-element-2c9b83b.elementor-element{--align-self:center;}.elementor-2163 .elementor-element.elementor-element-2c9b83b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;font-weight:700;line-height:55px;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-2163 .elementor-element.elementor-element-7d1b88e .elementor-icon-list-icon i{color:#884EAA;transition:color 0.3s;}.elementor-2163 .elementor-element.elementor-element-7d1b88e .elementor-icon-list-icon svg{fill:#884EAA;transition:fill 0.3s;}.elementor-2163 .elementor-element.elementor-element-7d1b88e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2163 .elementor-element.elementor-element-7d1b88e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2163 .elementor-element.elementor-element-7d1b88e .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;line-height:26px;}.elementor-2163 .elementor-element.elementor-element-7d1b88e .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2163 .elementor-element.elementor-element-7d1b88e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#884EAA;}.elementor-2163 .elementor-element.elementor-element-ffe4ec8{--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;--margin-top:75px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-2163 .elementor-element.elementor-element-1fea1de{--display:flex;--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2163 .elementor-element.elementor-element-cd901d2{--display:flex;--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:space-between;--align-items:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2163 .elementor-element.elementor-element-b29b61e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:600;line-height:31px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-5d58baf{--spacer-size:50px;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2163 .elementor-element.elementor-element-d345b63{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;padding:0px 0px 0px 0px;}.elementor-2163 .elementor-element.elementor-element-3845e76 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:600;line-height:31px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-cc1884c{--spacer-size:50px;}.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-2163 .elementor-element.elementor-element-815e46b .elementor-button{background-color:#00000000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF26;border-radius:50px 50px 50px 50px;padding:15px 35px 15px 35px;}.elementor-2163 .elementor-element.elementor-element-815e46b .elementor-button:hover, .elementor-2163 .elementor-element.elementor-element-815e46b .elementor-button:focus{background-color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-815e46b{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button{background-color:#00000000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF26;border-radius:50px 50px 50px 50px;padding:15px 35px 15px 35px;}.elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button:hover, .elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button:focus{background-color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-d16b3fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button{background-color:#00000000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF26;border-radius:50px 50px 50px 50px;padding:15px 35px 15px 35px;}.elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button:hover, .elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button:focus{background-color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-4b7ec80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2163 .elementor-element.elementor-element-79909ff{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2163 .elementor-element.elementor-element-79909ff .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:600;line-height:31px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-699c637{--spacer-size:50px;}.elementor-2163 .elementor-element.elementor-element-19cf11d{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(16px/2);}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(16px/2);}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(16px/2);}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-16px/2);}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:29px;}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2163 .elementor-element.elementor-element-19cf11d .elementor-icon-list-item:hover .elementor-icon-list-text{color:#884EAA;}.elementor-2163 .elementor-element.elementor-element-2a2cd8f{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2163 .elementor-element.elementor-element-2a2cd8f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:23px;font-weight:600;line-height:31px;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-2163 .elementor-element.elementor-element-d859127{--spacer-size:50px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2163 .elementor-element.elementor-element-6a880f8{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2163 .elementor-element.elementor-element-eac26f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2163 .elementor-element.elementor-element-1db8863{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2163 .elementor-element.elementor-element-99cb831{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2163 .elementor-element.elementor-element-6cdf7e5{--display:flex;--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-widget-archive-posts .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-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{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-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2163 .elementor-element.elementor-element-d02f290{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2163 .elementor-element.elementor-element-d02f290:after{content:"0.66";}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-post__thumbnail__link{width:100%;}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-post__meta-data span + span:before{content:"///";}.elementor-2163 .elementor-element.elementor-element-d02f290.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-2163 .elementor-element.elementor-element-d02f290.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-2163 .elementor-element.elementor-element-d02f290.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-post__title, .elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-post__title a{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:22px;font-weight:700;line-height:30px;}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-post__meta-data{color:#FFFFFF;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:26px;}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-post__excerpt p{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-posts-nothing-found{color:#FFFFFF;font-family:"Roboto", Sans-serif;font-weight:400;}body.elementor-page-2163:not(.elementor-motion-effects-element-type-background), body.elementor-page-2163 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#201924;}@media(max-width:767px){.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-2163 .elementor-element.elementor-element-d02f290:after{content:"0.5";}.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-post__thumbnail__link{width:100%;}}@media(min-width:768px){.elementor-2163 .elementor-element.elementor-element-b0f5e9b{--content-width:1424.67px;}.elementor-2163 .elementor-element.elementor-element-ffe4ec8{--content-width:1424.67px;}.elementor-2163 .elementor-element.elementor-element-1fea1de{--width:30%;}.elementor-2163 .elementor-element.elementor-element-6cdf7e5{--width:70%;}}/* Start custom CSS for spacer, class: .elementor-element-5d58baf *//* ایجاد خط درخشان مشابه image_d36ebd.png */
.elementor-2163 .elementor-element.elementor-element-5d58baf {
    height: 1px; /* ضخامت کل خط */
    background: rgba(255, 255, 255, 0.1); /* رنگ بخش تاریک و طولانی خط */
    position: relative;
    overflow: visible;
}

.elementor-2163 .elementor-element.elementor-element-5d58baf::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px; /* طول بخش درخشان */
    height: 3px; /* ضخامت بخش درخشان */
    background: #884EAA; /* بنفش Glidex */
    top: -1px; /* تنظیم موقعیت روی خط اصلی */
    
    /* ایجاد افکت درخشش (Glow) */
    box-shadow: 0 0 12px #884EAA, 0 0 4px #884EAA; 
    border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-d345b63 *//* ۱. تنظیم بدنه اصلی فرم برای تراز کردن دقیق */
.elementor-2163 .elementor-element.elementor-element-d345b63 .e-search {
    background: #201924 !important; 
    border: 1px solid rgba(142, 68, 173, 0.5) !important; 
    border-radius: 100px !important;
    padding: 0 5px 0 25px !important; /* فاصله از چپ برای متن و راست برای دکمه */
    display: flex !important;
    align-items: center !important; /* تراز عمودی دقیق */
    justify-content: space-between !important;
    height: 65px !important; /* ارتفاع ثابت برای نظم بیشتر */
    box-shadow: 
        inset 0px 0px 20px rgba(142, 68, 173, 0.5), 
        0px 0px 25px rgba(142, 68, 173, 0.3) !important;
    transition: all 0.5s ease !important;
    overflow: visible !important;
}

/* ۲. درخشش بنفش در حالت هوور مطابق سلیقه شما */
.elementor-2163 .elementor-element.elementor-element-d345b63 .e-search:hover {
    border-color: rgba(142, 68, 173, 0.9) !important;
    box-shadow: 
        inset 0px 0px 25px rgba(142, 68, 173, 0.6), 
        0px 0px 45px 5px rgba(142, 68, 173, 0.6) !important;
}

/* ۳. تنظیم بخش ورودی متن */
.elementor-2163 .elementor-element.elementor-element-d345b63 .e-search-input-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-grow: 1 !important;
    height: 100% !important;
}

.elementor-2163 .elementor-element.elementor-element-d345b63 input.e-search-input {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    font-size: 16px !important;
    width: 100% !important;
    outline: none !important;
}

/* ۴. تنظیم دقیق دکمه بنفش برای قرارگیری در وسط */
.elementor-2163 .elementor-element.elementor-element-d345b63 .e-search-submit {
    background: linear-gradient(135deg, #754CBF 0%, #874EAB 100%) !important; 
    border-radius: 100px !important;
    height: 52px !important; /* کمی کوچک‌تر از ارتفاع کل برای ایجاد فاصله (Padding) */
    min-width: 100px !important;
    margin: auto 0 !important; /* کمک به تراز شدن در وسط */
    color: #ffffff !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0px 4px 15px rgba(117, 76, 191, 0.4) !important;
}

/* افکت هوور دکمه */
.elementor-2163 .elementor-element.elementor-element-d345b63 .e-search-submit:hover {
    transform: scale(1.03) !important;
    box-shadow: 0px 0px 20px rgba(135, 78, 171, 0.7) !important;
}

/* تنظیم اندازه آیکون سرچ */
.elementor-2163 .elementor-element.elementor-element-d345b63 .e-search-submit i, 
.elementor-2163 .elementor-element.elementor-element-d345b63 .e-search-submit svg {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    fill: white !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3845e76 *//* استایل مدرن برای کارت‌های آرشیو */
.elementor-post {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* بنفش ملایم */
    border-radius: 15px !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
    backdrop-filter: blur(10px);
}

.elementor-post:hover {
    transform: translateY(-10px) !important;
    border-color: #8E44AD !important; /* بنفش اصلی Glidex */
    box-shadow: 0 10px 30px rgba(142, 68, 173, 0.3) !important;
}

.elementor-post__title a {
    color: #ffffff !important;
    font-weight: 700 !important;
    transition: 0.3s;
}

.elementor-post__title a:hover {
    color: #8E44AD !important;
}

.elementor-post__read-more {
    background: #8E44AD;
    color: white !important;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 12px;
    text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-cc1884c *//* ایجاد خط درخشان با طول بیشتر برای بخش تایتل */
.elementor-2163 .elementor-element.elementor-element-cc1884c {
    height: 1px; /* ضخامت کل خط */
    background: rgba(255, 255, 255, 0.1); /* رنگ بخش تاریک و طولانی خط */
    position: relative;
    overflow: visible;
}

.elementor-2163 .elementor-element.elementor-element-cc1884c::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100px; /* طول بخش درخشان را از 80 به 180 افزایش دادم */
    height: 3px; /* ضخامت بخش درخشان */
    background: #884EAA; /* بنفش Glidex */
    top: -1px; /* تنظیم موقعیت روی خط اصلی */
    
    /* ایجاد افکت درخشش (Glow) */
    box-shadow: 0 0 12px #884EAA, 0 0 4px #884EAA; 
    border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-815e46b *//* ۲. جادوی متن: استفاده از پس‌زمینه برای متن (Text Clipping) */
.elementor-2163 .elementor-element.elementor-element-815e46b .elementor-button-text {
    display: inline-block;
    /* ایجاد یک گرادینت که بخش بزرگش سفیده و یک بخشش رنگ متفاوته */
  
    
    
    
}

/* ۳. حالت هوور: موج رنگی از چپ به راست رد می‌شود */
.elementor-2163 .elementor-element.elementor-element-815e46b .elementor-button:hover .elementor-button-text {
    background-position: 0% 0;
}

/* ۴. فونت Net و مدرن */
.elementor-2163 .elementor-element.elementor-element-815e46b .elementor-button-content-wrapper {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* ۲. شبیه‌سازی Background Overlay داخل دکمه */
.elementor-2163 .elementor-element.elementor-element-815e46b .elementor-button::before {
    content: "";
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* آدرس عکس ساتن را اینجا جایگزین کن */
   
    background-size: cover;
    background-position: center;
    opacity: 0.4; /* شدت دیده شدن بافت پارچه */
    mix-blend-mode: overlay; /* ترکیب با رنگ بنفش زیرین */
    z-index: -1;
}

/* ۳. ایجاد آن درخشش نوری ملایم (Glow) */
.elementor-2163 .elementor-element.elementor-element-815e46b .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
}

/* ۴. استایل متن (نور نقره‌ای ماری که قبلاً اوکی کردیم) */
.elementor-2163 .elementor-element.elementor-element-815e46b .elementor-button-text {
    background: linear-gradient(to right, #000 33%, #e0e0e0 50%, #fff 50%);
    background-size: 300% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 0.8s ease;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d16b3fc *//* ۲. جادوی متن: استفاده از پس‌زمینه برای متن (Text Clipping) */
.elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button-text {
    display: inline-block;
    /* ایجاد یک گرادینت که بخش بزرگش سفیده و یک بخشش رنگ متفاوته */
  
    
    
    
}

/* ۳. حالت هوور: موج رنگی از چپ به راست رد می‌شود */
.elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button:hover .elementor-button-text {
    background-position: 0% 0;
}

/* ۴. فونت Net و مدرن */
.elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button-content-wrapper {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* ۲. شبیه‌سازی Background Overlay داخل دکمه */
.elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button::before {
    content: "";
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* آدرس عکس ساتن را اینجا جایگزین کن */
   
    background-size: cover;
    background-position: center;
    opacity: 0.4; /* شدت دیده شدن بافت پارچه */
    mix-blend-mode: overlay; /* ترکیب با رنگ بنفش زیرین */
    z-index: -1;
}

/* ۳. ایجاد آن درخشش نوری ملایم (Glow) */
.elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
}

/* ۴. استایل متن (نور نقره‌ای ماری که قبلاً اوکی کردیم) */
.elementor-2163 .elementor-element.elementor-element-d16b3fc .elementor-button-text {
    background: linear-gradient(to right, #000 33%, #e0e0e0 50%, #fff 50%);
    background-size: 300% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 0.8s ease;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4b7ec80 *//* ۲. جادوی متن: استفاده از پس‌زمینه برای متن (Text Clipping) */
.elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button-text {
    display: inline-block;
    /* ایجاد یک گرادینت که بخش بزرگش سفیده و یک بخشش رنگ متفاوته */
  
    
    
    
}

/* ۳. حالت هوور: موج رنگی از چپ به راست رد می‌شود */
.elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button:hover .elementor-button-text {
    background-position: 0% 0;
}

/* ۴. فونت Net و مدرن */
.elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button-content-wrapper {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    letter-spacing: -0.01em;
}

/* ۲. شبیه‌سازی Background Overlay داخل دکمه */
.elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button::before {
    content: "";
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* آدرس عکس ساتن را اینجا جایگزین کن */
   
    background-size: cover;
    background-position: center;
    opacity: 0.4; /* شدت دیده شدن بافت پارچه */
    mix-blend-mode: overlay; /* ترکیب با رنگ بنفش زیرین */
    z-index: -1;
}

/* ۳. ایجاد آن درخشش نوری ملایم (Glow) */
.elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
}

/* ۴. استایل متن (نور نقره‌ای ماری که قبلاً اوکی کردیم) */
.elementor-2163 .elementor-element.elementor-element-4b7ec80 .elementor-button-text {
    background: linear-gradient(to right, #000 33%, #e0e0e0 50%, #fff 50%);
    background-size: 300% 100%;
    background-position: 100% 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: background-position 0.8s ease;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-79909ff *//* استایل مدرن برای کارت‌های آرشیو */
.elementor-post {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* بنفش ملایم */
    border-radius: 15px !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
    backdrop-filter: blur(10px);
}

.elementor-post:hover {
    transform: translateY(-10px) !important;
    border-color: #8E44AD !important; /* بنفش اصلی Glidex */
    box-shadow: 0 10px 30px rgba(142, 68, 173, 0.3) !important;
}

.elementor-post__title a {
    color: #ffffff !important;
    font-weight: 700 !important;
    transition: 0.3s;
}

.elementor-post__title a:hover {
    color: #8E44AD !important;
}

.elementor-post__read-more {
    background: #8E44AD;
    color: white !important;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 12px;
    text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-699c637 *//* ایجاد خط درخشان مشابه image_d36ebd.png */
.elementor-2163 .elementor-element.elementor-element-699c637 {
    height: 1px; /* ضخامت کل خط */
    background: rgba(255, 255, 255, 0.1); /* رنگ بخش تاریک و طولانی خط */
    position: relative;
    overflow: visible;
}

.elementor-2163 .elementor-element.elementor-element-699c637::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 150px; /* طول بخش درخشان */
    height: 3px; /* ضخامت بخش درخشان */
    background: #884EAA; /* بنفش Glidex */
    top: -1px; /* تنظیم موقعیت روی خط اصلی */
    
    /* ایجاد افکت درخشش (Glow) */
    box-shadow: 0 0 12px #884EAA, 0 0 4px #884EAA; 
    border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a2cd8f *//* استایل مدرن برای کارت‌های آرشیو */
.elementor-post {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* بنفش ملایم */
    border-radius: 15px !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
    backdrop-filter: blur(10px);
}

.elementor-post:hover {
    transform: translateY(-10px) !important;
    border-color: #8E44AD !important; /* بنفش اصلی Glidex */
    box-shadow: 0 10px 30px rgba(142, 68, 173, 0.3) !important;
}

.elementor-post__title a {
    color: #ffffff !important;
    font-weight: 700 !important;
    transition: 0.3s;
}

.elementor-post__title a:hover {
    color: #8E44AD !important;
}

.elementor-post__read-more {
    background: #8E44AD;
    color: white !important;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 12px;
    text-transform: uppercase;
}/* End custom CSS */
/* Start custom CSS for spacer, class: .elementor-element-d859127 *//* ایجاد خط درخشان مشابه image_d36ebd.png */
.elementor-2163 .elementor-element.elementor-element-d859127 {
    height: 1px; /* ضخامت کل خط */
    background: rgba(255, 255, 255, 0.1); /* رنگ بخش تاریک و طولانی خط */
    position: relative;
    overflow: visible;
}

.elementor-2163 .elementor-element.elementor-element-d859127::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 200px; /* طول بخش درخشان */
    height: 3px; /* ضخامت بخش درخشان */
    background: #884EAA; /* بنفش Glidex */
    top: -1px; /* تنظیم موقعیت روی خط اصلی */
    
    /* ایجاد افکت درخشش (Glow) */
    box-shadow: 0 0 12px #884EAA, 0 0 4px #884EAA; 
    border-radius: 2px;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6a880f8 *//* ۱. تنظیم حالت عادی تصویر */
.elementor-2163 .elementor-element.elementor-element-6a880f8 img {
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 15px !important; /* گرد کردن لبه‌ها */
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* حاشیه بنفش ملایم */
}

/* ۲. افکت هنگام نگه داشتن موس (Hover) */
.elementor-2163 .elementor-element.elementor-element-6a880f8:hover img {
    transform: scale(1.08) !important; /* بزرگ شدن تصویر */
    z-index: 10 !important;
    box-shadow: 0px 10px 30px rgba(190, 28, 243, 0.4) !important; /* درخشش بنفش */
    border-color: #be1cf3 !important; /* روشن‌تر شدن حاشیه */
}

/* ۳. تنظیم نگهدارنده برای جلوگیری از بیرون زدگی */
.elementor-2163 .elementor-element.elementor-element-6a880f8 {
    overflow: visible !important;
    transition: z-index 0.3s ;
}




                
                
                
                
                
                
                
                
                
                
/* ۱. تنظیم ابعاد لایت‌باکس به ۷۵ درصد صفحه */
body .elementor-lightbox .elementor-lightbox-item {
    width: 75vw !important;
    height: 75vh !important;
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ۲. نمایش کامل عکس بدون کات شدن */
body .elementor-lightbox img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    height: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    object-fit: contain !important; /* عکس را کامل نشان می‌دهد */
    border-radius: 15px !important;
    border: 2px solid #be1cf3 !important; 
    box-shadow: 0 0 30px rgba(190, 28, 243, 0.6) !important;
}

/* ۳. حذف کامل نوشته‌های زیر عکس (Caption & Title) */
body .elementor-slideshow__description,
body .elementor-slideshow__title,
body .elementor-lightbox__caption,
body .elementor-lightbox__title {
    display: none !important;
}

/* ۴. تاریک کردن پس‌زمینه */
body .elementor-lightbox {
    background-color: rgba(0, 0, 0, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-edce52c *//* ۱. تنظیم حالت عادی تصویر */
.elementor-2163 .elementor-element.elementor-element-edce52c img {
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 15px !important; /* گرد کردن لبه‌ها */
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* حاشیه بنفش ملایم */
}

/* ۲. افکت هنگام نگه داشتن موس (Hover) */
.elementor-2163 .elementor-element.elementor-element-edce52c:hover img {
    transform: scale(1.08) !important; /* بزرگ شدن تصویر */
    z-index: 10 !important;
    box-shadow: 0px 10px 30px rgba(190, 28, 243, 0.4) !important; /* درخشش بنفش */
    border-color: #be1cf3 !important; /* روشن‌تر شدن حاشیه */
}

/* ۳. تنظیم نگهدارنده برای جلوگیری از بیرون زدگی */
.elementor-2163 .elementor-element.elementor-element-edce52c {
    overflow: visible !important;
    transition: z-index 0.3s ;
}




                
                
                
                
                
                
                
                
                
                
/* ۱. تنظیم ابعاد لایت‌باکس به ۷۵ درصد صفحه */
body .elementor-lightbox .elementor-lightbox-item {
    width: 75vw !important;
    height: 75vh !important;
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ۲. نمایش کامل عکس بدون کات شدن */
body .elementor-lightbox img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    height: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    object-fit: contain !important; /* عکس را کامل نشان می‌دهد */
    border-radius: 15px !important;
    border: 2px solid #be1cf3 !important; 
    box-shadow: 0 0 30px rgba(190, 28, 243, 0.6) !important;
}

/* ۳. حذف کامل نوشته‌های زیر عکس (Caption & Title) */
body .elementor-slideshow__description,
body .elementor-slideshow__title,
body .elementor-lightbox__caption,
body .elementor-lightbox__title {
    display: none !important;
}

/* ۴. تاریک کردن پس‌زمینه */
body .elementor-lightbox {
    background-color: rgba(0, 0, 0, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-61c190b *//* ۱. تنظیم حالت عادی تصویر */
.elementor-2163 .elementor-element.elementor-element-61c190b img {
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 15px !important; /* گرد کردن لبه‌ها */
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* حاشیه بنفش ملایم */
}

/* ۲. افکت هنگام نگه داشتن موس (Hover) */
.elementor-2163 .elementor-element.elementor-element-61c190b:hover img {
    transform: scale(1.08) !important; /* بزرگ شدن تصویر */
    z-index: 10 !important;
    box-shadow: 0px 10px 30px rgba(190, 28, 243, 0.4) !important; /* درخشش بنفش */
    border-color: #be1cf3 !important; /* روشن‌تر شدن حاشیه */
}

/* ۳. تنظیم نگهدارنده برای جلوگیری از بیرون زدگی */
.elementor-2163 .elementor-element.elementor-element-61c190b {
    overflow: visible !important;
    transition: z-index 0.3s ;
}




                
                
                
                
                
                
                
                
                
                
/* ۱. تنظیم ابعاد لایت‌باکس به ۷۵ درصد صفحه */
body .elementor-lightbox .elementor-lightbox-item {
    width: 75vw !important;
    height: 75vh !important;
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ۲. نمایش کامل عکس بدون کات شدن */
body .elementor-lightbox img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    height: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    object-fit: contain !important; /* عکس را کامل نشان می‌دهد */
    border-radius: 15px !important;
    border: 2px solid #be1cf3 !important; 
    box-shadow: 0 0 30px rgba(190, 28, 243, 0.6) !important;
}

/* ۳. حذف کامل نوشته‌های زیر عکس (Caption & Title) */
body .elementor-slideshow__description,
body .elementor-slideshow__title,
body .elementor-lightbox__caption,
body .elementor-lightbox__title {
    display: none !important;
}

/* ۴. تاریک کردن پس‌زمینه */
body .elementor-lightbox {
    background-color: rgba(0, 0, 0, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eac26f7 *//* تنظیم ابعاد مستطیلی با لبه‌های کمی گرد شده */
.elementor-2163 .elementor-element.elementor-element-eac26f7 img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important; /* حالت مستطیلی */
    height: auto !important;
    object-fit: cover !important;
    
    /* کم کردن گردی لبه‌ها */
    border-radius: 12px !important; 
    
    border: 1px solid rgba(190, 28, 243, 0.1) !important; /* خط بسیار ملایم بنفش */
    transition: all 0.4s ease !important;
}

/* افکت هوور */
.elementor-2163 .elementor-element.elementor-element-eac26f7 img:hover {
    transform: scale(1.03);
    border-color: #be1cf3 !important; /* روشن شدن لبه بنفش در هوور */
    box-shadow: 0 5px 15px rgba(190, 28, 243, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8f2845e *//* ۱. تنظیم حالت عادی تصویر */
.elementor-2163 .elementor-element.elementor-element-8f2845e img {
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 15px !important; /* گرد کردن لبه‌ها */
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* حاشیه بنفش ملایم */
}

/* ۲. افکت هنگام نگه داشتن موس (Hover) */
.elementor-2163 .elementor-element.elementor-element-8f2845e:hover img {
    transform: scale(1.08) !important; /* بزرگ شدن تصویر */
    z-index: 10 !important;
    box-shadow: 0px 10px 30px rgba(190, 28, 243, 0.4) !important; /* درخشش بنفش */
    border-color: #be1cf3 !important; /* روشن‌تر شدن حاشیه */
}

/* ۳. تنظیم نگهدارنده برای جلوگیری از بیرون زدگی */
.elementor-2163 .elementor-element.elementor-element-8f2845e {
    overflow: visible !important;
    transition: z-index 0.3s ;
}




                
                
                
                
                
                
                
                
                
                
/* ۱. تنظیم ابعاد لایت‌باکس به ۷۵ درصد صفحه */
body .elementor-lightbox .elementor-lightbox-item {
    width: 75vw !important;
    height: 75vh !important;
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ۲. نمایش کامل عکس بدون کات شدن */
body .elementor-lightbox img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    height: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    object-fit: contain !important; /* عکس را کامل نشان می‌دهد */
    border-radius: 15px !important;
    border: 2px solid #be1cf3 !important; 
    box-shadow: 0 0 30px rgba(190, 28, 243, 0.6) !important;
}

/* ۳. حذف کامل نوشته‌های زیر عکس (Caption & Title) */
body .elementor-slideshow__description,
body .elementor-slideshow__title,
body .elementor-lightbox__caption,
body .elementor-lightbox__title {
    display: none !important;
}

/* ۴. تاریک کردن پس‌زمینه */
body .elementor-lightbox {
    background-color: rgba(0, 0, 0, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a538c29 *//* ۱. تنظیم حالت عادی تصویر */
.elementor-2163 .elementor-element.elementor-element-a538c29 img {
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 15px !important; /* گرد کردن لبه‌ها */
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* حاشیه بنفش ملایم */
}

/* ۲. افکت هنگام نگه داشتن موس (Hover) */
.elementor-2163 .elementor-element.elementor-element-a538c29:hover img {
    transform: scale(1.08) !important; /* بزرگ شدن تصویر */
    z-index: 10 !important;
    box-shadow: 0px 10px 30px rgba(190, 28, 243, 0.4) !important; /* درخشش بنفش */
    border-color: #be1cf3 !important; /* روشن‌تر شدن حاشیه */
}

/* ۳. تنظیم نگهدارنده برای جلوگیری از بیرون زدگی */
.elementor-2163 .elementor-element.elementor-element-a538c29 {
    overflow: visible !important;
    transition: z-index 0.3s ;
}




                
                
                
                
                
                
                
                
                
                
/* ۱. تنظیم ابعاد لایت‌باکس به ۷۵ درصد صفحه */
body .elementor-lightbox .elementor-lightbox-item {
    width: 75vw !important;
    height: 75vh !important;
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ۲. نمایش کامل عکس بدون کات شدن */
body .elementor-lightbox img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    height: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    object-fit: contain !important; /* عکس را کامل نشان می‌دهد */
    border-radius: 15px !important;
    border: 2px solid #be1cf3 !important; 
    box-shadow: 0 0 30px rgba(190, 28, 243, 0.6) !important;
}

/* ۳. حذف کامل نوشته‌های زیر عکس (Caption & Title) */
body .elementor-slideshow__description,
body .elementor-slideshow__title,
body .elementor-lightbox__caption,
body .elementor-lightbox__title {
    display: none !important;
}

/* ۴. تاریک کردن پس‌زمینه */
body .elementor-lightbox {
    background-color: rgba(0, 0, 0, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1db8863 *//* تنظیم ابعاد مستطیلی با لبه‌های کمی گرد شده */
.elementor-2163 .elementor-element.elementor-element-1db8863 img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important; /* حالت مستطیلی */
    height: auto !important;
    object-fit: cover !important;
    
    /* کم کردن گردی لبه‌ها */
    border-radius: 12px !important; 
    
    border: 1px solid rgba(190, 28, 243, 0.1) !important; /* خط بسیار ملایم بنفش */
    transition: all 0.4s ease !important;
}

/* افکت هوور */
.elementor-2163 .elementor-element.elementor-element-1db8863 img:hover {
    transform: scale(1.03);
    border-color: #be1cf3 !important; /* روشن شدن لبه بنفش در هوور */
    box-shadow: 0 5px 15px rgba(190, 28, 243, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-fab3216 *//* ۱. تنظیم حالت عادی تصویر */
.elementor-2163 .elementor-element.elementor-element-fab3216 img {
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 15px !important; /* گرد کردن لبه‌ها */
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* حاشیه بنفش ملایم */
}

/* ۲. افکت هنگام نگه داشتن موس (Hover) */
.elementor-2163 .elementor-element.elementor-element-fab3216:hover img {
    transform: scale(1.08) !important; /* بزرگ شدن تصویر */
    z-index: 10 !important;
    box-shadow: 0px 10px 30px rgba(190, 28, 243, 0.4) !important; /* درخشش بنفش */
    border-color: #be1cf3 !important; /* روشن‌تر شدن حاشیه */
}

/* ۳. تنظیم نگهدارنده برای جلوگیری از بیرون زدگی */
.elementor-2163 .elementor-element.elementor-element-fab3216 {
    overflow: visible !important;
    transition: z-index 0.3s ;
}




                
                
                
                
                
                
                
                
                
                
/* ۱. تنظیم ابعاد لایت‌باکس به ۷۵ درصد صفحه */
body .elementor-lightbox .elementor-lightbox-item {
    width: 75vw !important;
    height: 75vh !important;
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ۲. نمایش کامل عکس بدون کات شدن */
body .elementor-lightbox img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    height: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    object-fit: contain !important; /* عکس را کامل نشان می‌دهد */
    border-radius: 15px !important;
    border: 2px solid #be1cf3 !important; 
    box-shadow: 0 0 30px rgba(190, 28, 243, 0.6) !important;
}

/* ۳. حذف کامل نوشته‌های زیر عکس (Caption & Title) */
body .elementor-slideshow__description,
body .elementor-slideshow__title,
body .elementor-lightbox__caption,
body .elementor-lightbox__title {
    display: none !important;
}

/* ۴. تاریک کردن پس‌زمینه */
body .elementor-lightbox {
    background-color: rgba(0, 0, 0, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-1af7867 *//* ۱. تنظیم حالت عادی تصویر */
.elementor-2163 .elementor-element.elementor-element-1af7867 img {
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
    border-radius: 15px !important; /* گرد کردن لبه‌ها */
    border: 1px solid rgba(142, 68, 173, 0.2) !important; /* حاشیه بنفش ملایم */
}

/* ۲. افکت هنگام نگه داشتن موس (Hover) */
.elementor-2163 .elementor-element.elementor-element-1af7867:hover img {
    transform: scale(1.08) !important; /* بزرگ شدن تصویر */
    z-index: 10 !important;
    box-shadow: 0px 10px 30px rgba(190, 28, 243, 0.4) !important; /* درخشش بنفش */
    border-color: #be1cf3 !important; /* روشن‌تر شدن حاشیه */
}

/* ۳. تنظیم نگهدارنده برای جلوگیری از بیرون زدگی */
.elementor-2163 .elementor-element.elementor-element-1af7867 {
    overflow: visible !important;
    transition: z-index 0.3s ;
}




                
                
                
                
                
                
                
                
                
                
/* ۱. تنظیم ابعاد لایت‌باکس به ۷۵ درصد صفحه */
body .elementor-lightbox .elementor-lightbox-item {
    width: 75vw !important;
    height: 75vh !important;
    margin: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ۲. نمایش کامل عکس بدون کات شدن */
body .elementor-lightbox img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    height: auto !important; /* این خط باعث می‌شود عکس کات نشود */
    object-fit: contain !important; /* عکس را کامل نشان می‌دهد */
    border-radius: 15px !important;
    border: 2px solid #be1cf3 !important; 
    box-shadow: 0 0 30px rgba(190, 28, 243, 0.6) !important;
}

/* ۳. حذف کامل نوشته‌های زیر عکس (Caption & Title) */
body .elementor-slideshow__description,
body .elementor-slideshow__title,
body .elementor-lightbox__caption,
body .elementor-lightbox__title {
    display: none !important;
}

/* ۴. تاریک کردن پس‌زمینه */
body .elementor-lightbox {
    background-color: rgba(0, 0, 0, 0.9) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-99cb831 *//* تنظیم ابعاد مستطیلی با لبه‌های کمی گرد شده */
.elementor-2163 .elementor-element.elementor-element-99cb831 img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important; /* حالت مستطیلی */
    height: auto !important;
    object-fit: cover !important;
    
    /* کم کردن گردی لبه‌ها */
    border-radius: 12px !important; 
    
    border: 1px solid rgba(190, 28, 243, 0.1) !important; /* خط بسیار ملایم بنفش */
    transition: all 0.4s ease !important;
}

/* افکت هوور */
.elementor-2163 .elementor-element.elementor-element-99cb831 img:hover {
    transform: scale(1.03);
    border-color: #be1cf3 !important; /* روشن شدن لبه بنفش در هوور */
    box-shadow: 0 5px 15px rgba(190, 28, 243, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fea1de *//* استایل کامل کانتینر سایدبار Glidex */
.elementor-2163 .elementor-element.elementor-element-1fea1de {
    /* ۱. رنگ پس‌زمینه تیره و یکدست */
    background-color:  !important; 
    
    /* ۲. ایجاد حاشیه ظریف برای جدا شدن از بدنه اصلی */
    border: 1px solid rgba(142, 68, 173, 0.2) !important;
    border-radius: 15px !important;
    
    /* ۳. ایجاد سایه داخلی بنفش (Inset Glow) */
    box-shadow: inset 0px 0px 30px rgba(142, 68, 173, 0.15) !important;
    
    /* ۴. تنظیمات فاصله داخلی و چیدمان */
    padding: 25px !important;
    margin-bottom: 20px !important;
    
    /* ۵. اطمینان از نمایش صحیح در تمام مانیتورها */
    overflow: hidden !important;
}

/* افکت درخشش ملایم وقتی ماوس روی کل سایدبار می‌رود */
.elementor-2163 .elementor-element.elementor-element-1fea1de:hover {
    box-shadow: inset 0px 0px 40px rgba(142, 68, 173, 0.25) !important;
    transition: all 0.4s ease-in-out;
}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-d02f290 *//* استایل مدرن و منظم برای کارت‌های آرشیو Glidex */
.elementor-post {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(142, 68, 173, 0.2) !important;
    border-radius: 15px !important;
    overflow: hidden;
    transition: all 0.3s ease-in-out !important;
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
}

/* تنظیم فاصله محتوا از لبه‌های کارت */
.elementor-post__text {
    padding: 20px 20px 30px 20px !important; /* فاصله ۳۰ پیکسلی از پایین برای نظم بیشتر */
}

.elementor-post:hover {
    transform: translateY(-10px) !important;
    border-color: #8E44AD !important;
    box-shadow: 0 10px 30px rgba(142, 68, 173, 0.3) !important;
}

.elementor-post__title a {
    color: #ffffff !important;
    font-weight: 700 !important;
    transition: 0.3s;
    display: block;
    margin-bottom: 15px !important; /* فاصله تیتر از متن زیرین */
}

.elementor-post__title a:hover {
    color: #8E44AD !important;
}

/* استایل دکمه ادامه مطلب */
.elementor-post__read-more {
    background: #8E44AD !important;
    color: white !important;
    padding: 10px 25px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px !important;
}


























/* تنظیم فونت و چیدمان کلی پجینیشن المنتور */
.elementor-pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 50px 0 !important;
    font-family: 'Inter', sans-serif !important;
    direction: ltr !important;
}

/* استایل اعداد و دکمه‌های قبلی/بعدی */
.elementor-pagination .page-numbers {
    text-decoration: none !important;
    color: #777 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    margin: 0 8px !important;
    width: 45px !important;
    height: 45px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* استایل عدد فعال (صفحه فعلی) */
.elementor-pagination .page-numbers.current {
    color: #fff !important;
    background: #be1cf3 !important; 
    box-shadow: 0 8px 15px rgba(190, 28, 243, 0.4) !important;
    border: 1px solid rgba(190, 28, 243, 0.5) !important;
    transform: scale(1.1) !important;
}

/* استایل هاور (Hover) */
.elementor-pagination a.page-numbers:hover {
    color: #fff !important;
    background: rgba(190, 28, 243, 0.1) !important;
    border-color: #be1cf3 !important;
}

/* استایل دکمه‌های Next و Previous */
.elementor-pagination .prev, 
.elementor-pagination .next {
    width: auto !important;
    padding: 0 20px !important;
    text-transform: none !important;
}





















/* تنظیم چیدمان ۲ ستون و محدود کردن به ۳ ردیف */
.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-posts-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* ایجاد ۲ ستون */
    grid-auto-rows: min-content !important; /* تنظیم ردیف‌ها بر اساس محتوا */
    gap: 30px !important; /* فاصله بین کارت‌ها */
}

/* اگر پست‌های بیشتری لود شد، بقیه را مخفی کن تا فقط ۳ ردیف بماند */
.elementor-2163 .elementor-element.elementor-element-d02f290 .elementor-post:nth-child(n+7) {
    display: none !important;
}/* End custom CSS */