.elementor-8701 .elementor-element.elementor-element-d10ca71{--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-8701 .elementor-element.elementor-element-d3dddbf{--spacer-size:25px;}.elementor-8701 .elementor-element.elementor-element-d87ca66{--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-8701 .elementor-element.elementor-element-a8e8845{--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;--justify-content:space-between;--align-items:center;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-8701 .elementor-element.elementor-element-9d3f1f2 .elementor-heading-title{font-size:28px;}.elementor-8701 .elementor-element.elementor-element-2c075d6{--display:flex;}.elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-8701 .elementor-element.elementor-element-f544c3b > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}:is( .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(43px / 2);padding-right:calc(43px / 2);}:is( .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 43px / -2);margin-right:calc( 43px / -2);width:calc(100% + 43px);}.elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 43px / -2);margin-right:calc( 43px / -2);}:is( .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(80px / 2);padding-bottom:calc(80px / 2);}:is( .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 80px / -2);margin-bottom:calc( 80px / -2);}.elementor-8701 .elementor-element.elementor-element-54a53b7{--spacer-size:120px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-8701 .elementor-element.elementor-element-f544c3b > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}.elementor-8701 .elementor-element.elementor-element-54a53b7{--spacer-size:20px;}}@media(max-width:767px){.elementor-8701 .elementor-element.elementor-element-9d3f1f2{text-align:center;}.elementor-8701 .elementor-element.elementor-element-9d3f1f2 .elementor-heading-title{font-size:1px;}.elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-8701 .elementor-element.elementor-element-f544c3b > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}:is( .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .swiper-lib > .swiper-wrapper, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-left:calc(5px / 2);padding-right:calc(5px / 2);}:is( .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider.slick-lib, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items{margin-left:calc( 5px / -2);margin-right:calc( 5px / -2);width:calc(100% + 5px);}.elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid:has( > .jet-listing-grid__slider.swiper-lib ){margin-left:calc( 5px / -2);margin-right:calc( 5px / -2);}:is( .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider > .jet-listing-grid__items > .slick-list > .slick-track, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider > .jet-listing-grid__items ) > .jet-listing-grid__item{padding-top:calc(39px / 2);padding-bottom:calc(39px / 2);}:is( .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__slider, .elementor-8701 .elementor-element.elementor-element-f544c3b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__scroll-slider ) > .jet-listing-grid__items.grid-collapse-gap{margin-top:calc( 39px / -2);margin-bottom:calc( 39px / -2);}.elementor-8701 .elementor-element.elementor-element-54a53b7{--spacer-size:10px;}}/* Start custom CSS for container, class: .elementor-element-a8e8845 *//* ============================================================
   سربرگ بخش «جدیدترین دوره‌های آموزشی» در صفحه‌ی اصلی
   ============================================================ */


/* ################## رنگ‌ها ################## */

.subtitilemainpage,
.dokmehmainpage{
    --hm-ink:#0f172a;
    --hm-ac:#2563eb;
    --hm-sig:#38bdf8;
    --hm-pill-bg:rgba(59,130,246,.1);
    --hm-pill-bd:rgba(59,130,246,.28);
    --hm-grad:linear-gradient(270deg,#0f172a 0%,#1e3a8a 32%,#2563eb 66%,#38bdf8 100%);
}

.dark .subtitilemainpage,
.dark .dokmehmainpage{
    --hm-ink:#f1f5f9;
    --hm-ac:#93c5fd;
    --hm-sig:#7dd3fc;
    --hm-pill-bg:rgba(59,130,246,.2);
    --hm-pill-bd:rgba(147,197,253,.35);
    --hm-grad:linear-gradient(270deg,#f8fafc 0%,#bfdbfe 38%,#7dd3fc 72%,#38bdf8 100%);
}


/* ============================================================
   ۱) عنوان
   ============================================================ */

.subtitilemainpage .elementor-widget-container::before{
    content:"NEW  Articles";
    display:inline-block;
    margin-bottom:8px;
    padding:2px 14px 2px 12px;
    padding-left:28px;
    border-radius:999px;

    background:
        radial-gradient(
            circle,
            var(--hm-sig) 0 3px,
            transparent 3.6px
        ) 11px center / 12px 12px no-repeat,
        var(--hm-pill-bg);

    border:1px solid var(--hm-pill-bd);

    color:var(--hm-ac);

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Consolas,
        monospace;

    font-size:11px;
    font-weight:700;
    letter-spacing:.14em;
    line-height:1.8;
    direction:ltr;
}


/* ============================================================
   خود عنوان
   Font Size از Elementor گرفته می‌شود
   ============================================================ */

.subtitilemainpage .elementor-heading-title,
.subtitilemainpage .elementor-headline{
    margin:0 !important;
    padding:0 !important;
    border:0 !important;

    font-weight:800 !important;
    line-height:1.5 !important;

    text-align:right;

    color:var(--hm-ink) !important;
    -webkit-text-fill-color:var(--hm-ink) !important;
}


/* ============================================================
   عنوان گرادیانی
   ============================================================ */

.subtitilemainpage .elementor-heading-title:not(.elementor-headline){
    background:var(--hm-grad) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;

    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}

.subtitilemainpage
.elementor-heading-title:not(.elementor-headline)
:is(a,span,strong){
    background:inherit;

    -webkit-background-clip:text;
    background-clip:text;

    -webkit-text-fill-color:transparent;
    color:transparent;
}


/* ============================================================
   Animated Headline
   ============================================================ */

.subtitilemainpage .elementor-headline-plain-text,
.subtitilemainpage .elementor-headline-text-wrapper{
    color:var(--hm-ink) !important;
    -webkit-text-fill-color:var(--hm-ink) !important;
    font-weight:800 !important;
}

.subtitilemainpage .elementor-headline-dynamic-text,
.subtitilemainpage .elementor-headline-dynamic-text *{
    background:var(--hm-grad) !important;

    -webkit-background-clip:text !important;
    background-clip:text !important;

    -webkit-text-fill-color:transparent !important;
    color:transparent !important;

    font-weight:800 !important;
}

.subtitilemainpage .elementor-headline-dynamic-wrapper svg path,
.subtitilemainpage .elementor-headline svg path{
    stroke:var(--hm-sig) !important;
    stroke-width:7 !important;
    opacity:.95;
}

.subtitilemainpage .elementor-heading-title::before,
.subtitilemainpage .elementor-headline::before{
    content:none !important;
}


/* ============================================================
   مسیر مداری زیر عنوان
   ============================================================ */

.subtitilemainpage .elementor-heading-title::after,
.subtitilemainpage .elementor-headline::after{
    content:"";
    display:block;

    width:min(100%,340px);
    height:14px;

    margin-top:6px;

    background:
        radial-gradient(
            circle,
            #fff 0 2px,
            var(--hm-sig) 3px,
            rgba(56,189,248,.35) 6.5px,
            transparent 7.5px
        ) 0% 50% / 16px 16px no-repeat,

        repeating-linear-gradient(
            90deg,
            var(--hm-ac) 0 6px,
            transparent 6px 13px
        ) 0 50% / 100% 2px no-repeat;

    -webkit-mask-image:
        linear-gradient(270deg,#000 55%,transparent);

    mask-image:
        linear-gradient(270deg,#000 55%,transparent);

    animation:hm-run 8.2s ease-in-out infinite;
}


@keyframes hm-run{
    0%{
        background-position:100% 50%,0 50%;
    }

    50%{
        background-position:0% 50%,0 50%;
    }

    100%{
        background-position:100% 50%,0 50%;
    }
}


/* ============================================================
   ۲) دکمه «مشاهده همه دوره‌ها»
   ============================================================ */

.dokmehmainpage .elementor-button:not(#x),
.dokmehmainpage.elementor-button:not(#x),
a.dokmehmainpage:not(#x){
    position:relative;
    overflow:hidden;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:56px;

    padding:8px 26px 8px 10px !important;

    border:0 !important;
    border-radius:999px !important;

    background:
        linear-gradient(
            110deg,
            #1d4ed8,
            #2563eb 30%,
            #3b82f6 55%,
            #38bdf8 80%,
            #1d4ed8
        ) 0 50% / 260% 100% !important;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;

    font-size:15.5px !important;
    font-weight:800 !important;
    line-height:1.6 !important;

    text-decoration:none !important;

    box-shadow:
        0 12px 28px rgba(37,99,235,.38) !important;

    animation:hm-glow 3.2s ease-in-out infinite;

    transition:
        transform .25s,
        background-position .9s ease;
}


@keyframes hm-glow{
    0%,100%{
        box-shadow:
            0 12px 28px rgba(37,99,235,.35);
    }

    50%{
        box-shadow:
            0 16px 42px rgba(56,189,248,.55);
    }
}


/* ============================================================
   برق عبوری
   ============================================================ */

.dokmehmainpage .elementor-button:not(#x)::before,
.dokmehmainpage.elementor-button:not(#x)::before,
a.dokmehmainpage:not(#x)::before{
    content:"";

    position:absolute;

    top:0;
    bottom:0;

    right:-70%;

    width:45%;

    background:
        linear-gradient(
            100deg,
            transparent,
            rgba(255,255,255,.45),
            transparent
        );

    transform:skewX(-20deg);

    transition:right .7s ease;

    pointer-events:none;
}


.dokmehmainpage .elementor-button:not(#x):hover::before,
.dokmehmainpage.elementor-button:not(#x):hover::before,
a.dokmehmainpage:not(#x):hover::before{
    right:130%;
}


/* ============================================================
   هاور دکمه
   ============================================================ */

.dokmehmainpage .elementor-button:not(#x):hover,
.dokmehmainpage .elementor-button:not(#x):focus-visible,
.dokmehmainpage.elementor-button:not(#x):hover,
a.dokmehmainpage:not(#x):hover{
    background-position:100% 50% !important;
    transform:translateY(-3px);
}


.dokmehmainpage .elementor-button:not(#x):focus-visible{
    outline:3px solid rgba(56,189,248,.6);
    outline-offset:3px;
}


/* ============================================================
   متن دکمه
   ============================================================ */

.dokmehmainpage .elementor-button-text:not(#x){
    position:relative;
    z-index:1;

    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}


/* ============================================================
   آیکن اصلی المنتور مخفی
   ============================================================ */

.dokmehmainpage .elementor-button-icon:not(#x){
    display:none !important;
}


/* ============================================================
   محتوای دکمه
   ============================================================ */

.dokmehmainpage .elementor-button-content-wrapper:not(#x){
    position:relative;
    z-index:1;

    display:inline-flex;

    align-items:center;

    flex-direction:row;

    gap:16px;
}


/* ============================================================
   دایره سفید فلش
   ============================================================ */

.dokmehmainpage .elementor-button-content-wrapper:not(#x)::after{
    content:"";

    flex:0 0 38px;

    width:38px;
    height:38px;

    border-radius:50%;

    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 12H5'/%3E%3Cpath d='m12 19-7-7 7-7'/%3E%3C/svg%3E")
        center / 18px no-repeat,
        #ffffff;

    box-shadow:
        0 6px 14px rgba(15,23,42,.25);

    transition:transform .25s;
}


/* ============================================================
   نقطه‌چین دور دایره حذف شده
   ============================================================ */

.dokmehmainpage
.elementor-button-content-wrapper:not(#x)::before{
    content:none !important;
    display:none !important;
}


/* ============================================================
   حرکت دایره سفید هنگام هاور
   ============================================================ */

.dokmehmainpage
.elementor-button:not(#x):hover
.elementor-button-content-wrapper::after{
    transform:translateX(-5px) scale(1.05);
}


/* ============================================================
   دارک مود
   ============================================================ */

.dark .dokmehmainpage .elementor-button:not(#x),
.dark .dokmehmainpage.elementor-button:not(#x),
.dark a.dokmehmainpage:not(#x){
    box-shadow:
        0 12px 28px rgba(0,0,0,.45) !important;
}


/* ============================================================
   ریسپانسیو
   ============================================================ */

@media (max-width:767px){

    .subtitilemainpage
    .elementor-widget-container::before{
        font-size:10px;
    }

    .subtitilemainpage .elementor-heading-title::after,
    .subtitilemainpage .elementor-headline::after{
        width:min(100%,240px);
    }

    .dokmehmainpage .elementor-button:not(#x),
    .dokmehmainpage.elementor-button:not(#x),
    a.dokmehmainpage:not(#x){
        width:100%;

        min-height:52px;

        font-size:15px !important;
    }

    .dokmehmainpage
    .elementor-button-content-wrapper:not(#x){
        width:100%;
        justify-content:space-between;
    }
}


/* ============================================================
   کاهش حرکت
   ============================================================ */

@media (prefers-reduced-motion:reduce){

    .subtitilemainpage .elementor-heading-title::after,
    .subtitilemainpage .elementor-headline::after,
    .dokmehmainpage .elementor-button:not(#x){
        animation:none !important;
    }

    .dokmehmainpage .elementor-button:not(#x),
    .dokmehmainpage
    .elementor-button-content-wrapper:not(#x)::after{
        transition:none;
    }
}/* End custom CSS */
/* Start custom CSS for jet-listing-grid, class: .elementor-element-f544c3b */.dark .jet-listing-grid__slider-icon.prev-arrow.slick-arrow,
.dark .jet-listing-grid__slider-icon.next-arrow.slick-arrow {
  background-color: #293B54 !important;
}/* End custom CSS */