.elementor-widget-theme-post-featured-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-573 .elementor-element.elementor-element-175238a{text-align:center;}.elementor-573 .elementor-element.elementor-element-175238a img{width:28%;max-width:22%;height:139px;opacity:0.82;transition-duration:0.4s;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-573 .elementor-element.elementor-element-9422344{--divider-border-style:dotted;--divider-color:#000;--divider-border-width:4.3px;}.elementor-573 .elementor-element.elementor-element-9422344 .elementor-divider-separator{width:100%;}.elementor-573 .elementor-element.elementor-element-9422344 .elementor-divider{padding-block-start:22px;padding-block-end:22px;}.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-573 .elementor-element.elementor-element-6694cd9 .elementor-heading-title{color:#05668E;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-icon-list-icon{width:14px;}.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-icon-list-icon i{font-size:14px;}.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-widget-theme-post-content{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-573 .elementor-element.elementor-element-c58a598{--grid-side-margin:25px;--grid-column-gap:25px;--grid-row-gap:16px;--grid-bottom-margin:16px;}.elementor-573 .elementor-element.elementor-element-c58a598 .elementor-share-btn{font-size:calc(1.3px * 10);}.elementor-573 .elementor-element.elementor-element-c58a598 .elementor-share-btn__icon{--e-share-buttons-icon-size:2.6em;}.elementor-573 .elementor-element.elementor-element-b5603f3{--divider-border-style:solid;--divider-color:#F8F4F4;}.elementor-573 .elementor-element.elementor-element-b5603f3 .elementor-divider-separator{width:100%;}.elementor-573 .elementor-element.elementor-element-b5603f3 .elementor-divider{padding-block-start:32px;padding-block-end:32px;}.elementor-573 .elementor-element.elementor-element-e249b79 .elementor-heading-title{color:#024E6E;}.elementor-573 .elementor-element.elementor-element-4d16c97{--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-573 .elementor-element.elementor-element-e819340{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-573 .elementor-element.elementor-element-e819340 .elementor-divider-separator{width:100%;}.elementor-573 .elementor-element.elementor-element-e819340 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-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-posts .elementor-post__title, .elementor-widget-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-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-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-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-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-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-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-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-573 .elementor-element.elementor-element-17b73f1{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-573 .elementor-element.elementor-element-17b73f1:after{content:"0.66";}.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-post__thumbnail__link{width:100%;}.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-post__meta-data span + span:before{content:"///";}.elementor-573 .elementor-element.elementor-element-17b73f1.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-573 .elementor-element.elementor-element-17b73f1.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-573 .elementor-element.elementor-element-17b73f1.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-573 .elementor-element.elementor-element-0dc4854{--spacer-size:343px;}@media(max-width:1024px){ .elementor-573 .elementor-element.elementor-element-c58a598{--grid-side-margin:25px;--grid-column-gap:25px;--grid-row-gap:16px;--grid-bottom-margin:16px;}}@media(max-width:767px){ .elementor-573 .elementor-element.elementor-element-c58a598{--grid-side-margin:25px;--grid-column-gap:25px;--grid-row-gap:16px;--grid-bottom-margin:16px;}.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-573 .elementor-element.elementor-element-17b73f1:after{content:"0.5";}.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for theme-post-featured-image, class: .elementor-element-175238a */.elementor-573 .elementor-element.elementor-element-175238a {
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 24px;
    isolation: isolate;
    background: #111;
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.12),
        0 0 0 1px rgba(255, 255, 255, 0.08);
}

/* تصویر */
.elementor-573 .elementor-element.elementor-element-175238a img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    object-position: center center;
    display: block;
    margin: 0 auto;
    border-radius: 24px;
    transform: scale(1.001);
    transition:
        transform 0.8s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.8s ease;
}

/* لایه گرادیانت جذاب */
.elementor-573 .elementor-element.elementor-element-175238a::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.12),
            transparent 35%,
            transparent 65%,
            rgba(255,255,255,0.06)
        );
    opacity: 0.7;
}

/* خط نور متحرک */
.elementor-573 .elementor-element.elementor-element-175238a::after {
    content: "";
    position: absolute;
    top: 0;
    left: -80%;
    width: 45%;
    height: 100%;
    z-index: 3;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255,255,255,0.04) 30%,
        rgba(255,255,255,0.28) 50%,
        rgba(255,255,255,0.04) 70%,
        transparent 100%
    );

    transform: skewX(-18deg);
    transition: left 1s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Hover */
.elementor-573 .elementor-element.elementor-element-175238a:hover img {
    transform: scale(1.055);
    filter: brightness(1.06) contrast(1.03) saturate(1.08);
}

.elementor-573 .elementor-element.elementor-element-175238a:hover::after {
    left: 140%;
}

/* درخشش دور کادر */
.elementor-573 .elementor-element.elementor-element-175238a:hover {
    box-shadow:
        0 25px 70px rgba(0, 0, 0, 0.18),
        0 0 35px rgba(255,255,255,0.08);
}

/* تبلت */
@media (max-width: 1024px) {
    .elementor-573 .elementor-element.elementor-element-175238a img {
        height: 380px;
    }
}

/* موبایل */
@media (max-width: 767px) {
    .elementor-573 .elementor-element.elementor-element-175238a {
        border-radius: 16px;
    }

    .elementor-573 .elementor-element.elementor-element-175238a img {
        height: 240px;
        border-radius: 16px;
    }
}

/* دسترسی و کاهش Motion */
@media (prefers-reduced-motion: reduce) {
    .elementor-573 .elementor-element.elementor-element-175238a,
    .elementor-573 .elementor-element.elementor-element-175238a img,
    .elementor-573 .elementor-element.elementor-element-175238a::after {
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for post-info, class: .elementor-element-7f38c38 */.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    
    margin: 20px 0 30px;
    padding: 13px 18px;
    
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.95),
        rgba(248,250,252,.9)
    );
    
    border: 1px solid rgba(37,99,235,.10);
    border-radius: 14px;
    
    box-shadow:
        0 8px 25px rgba(15,23,42,.06),
        inset 0 1px 0 rgba(255,255,255,.8);
    
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
    color: #64748b;
    font-size: 14px;
    line-height: 1.7;
    
    animation: postInfoFade .7s ease both;
}


/* آیتم‌ها */
.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item {
    position: relative;
    
    display: inline-flex;
    align-items: center;
    gap: 7px;
    
    padding: 7px 11px;
    
    border-radius: 9px;
    color: #475569;
    
    transition:
        color .25s ease,
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}


/* Hover روی آیتم */
.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item:hover {
    color: #2563eb;
    
    background: rgba(37,99,235,.07);
    
    transform: translateY(-2px);
    
    box-shadow: 0 5px 15px rgba(37,99,235,.08);
}


/* آیکن */
.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item-icon {
    color: #2563eb;
    font-size: 14px;
    
    transition:
        transform .3s ease,
        color .3s ease;
}


/* انیمیشن آیکن هنگام Hover */
.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item:hover
.elementor-post-info__item-icon {
    transform: scale(1.15) rotate(-5deg);
    color: #1d4ed8;
}


/* لینک‌ها */
.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item a {
    color: inherit;
    text-decoration: none;
}


/* جداکننده ظریف */
.elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item:not(:last-child)::after {
    content: "";
    
    position: absolute;
    right: -7px;
    top: 50%;
    
    width: 3px;
    height: 3px;
    
    background: #cbd5e1;
    border-radius: 50%;
    
    transform: translateY(-50%);
}


/* انیمیشن ورود */
@keyframes postInfoFade {
    from {
        opacity: 0;
        transform: translateY(12px);
        filter: blur(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}


/* موبایل */
@media (max-width: 767px) {

    .elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info {
        gap: 6px;
        padding: 10px 12px;
        margin: 15px 0 25px;
        border-radius: 12px;
        font-size: 13px;
    }

    .elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item {
        padding: 6px 8px;
    }

    .elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item:not(:last-child)::after {
        display: none;
    }
}


/* کاهش انیمیشن برای کاربران حساس به حرکت */
@media (prefers-reduced-motion: reduce) {

    .elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info,
    .elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item,
    .elementor-573 .elementor-element.elementor-element-7f38c38 .elementor-post-info__item-icon {
        animation: none;
        transition: none;
    }
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-a362a97 */.elementor-573 .elementor-element.elementor-element-a362a97 {
    --content-text: #334155;
    --content-heading: #0f172a;
    --content-primary: #2563eb;
    --content-border: #e2e8f0;
    --content-bg: #ffffff;
}


/* =================================
   Main Post Content
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 .elementor-widget-container {
    color: var(--content-text);
    font-size: 17px;
    line-height: 2.05;
}


/* =================================
   Paragraph
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 p {
    margin: 0 0 22px;
    color: var(--content-text);
}


/* =================================
   Headings
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 h2,
.elementor-573 .elementor-element.elementor-element-a362a97 h3,
.elementor-573 .elementor-element.elementor-element-a362a97 h4 {
    position: relative;

    color: var(--content-heading);
    font-weight: 800;
    line-height: 1.6;

    margin-top: 38px;
    margin-bottom: 18px;
}


/* H2 */

.elementor-573 .elementor-element.elementor-element-a362a97 h2 {
    font-size: 27px;

    padding-right: 15px;
}


/* خط کنار H2 */

.elementor-573 .elementor-element.elementor-element-a362a97 h2::before {
    content: "";

    position: absolute;

    right: 0;
    top: 8px;

    width: 4px;
    height: calc(100% - 16px);

    background: linear-gradient(
        180deg,
        #2563eb,
        #60a5fa
    );

    border-radius: 20px;

    transition: height .3s ease;
}

.elementor-573 .elementor-element.elementor-element-a362a97 h2:hover::before {
    height: 100%;
}


/* H3 */

.elementor-573 .elementor-element.elementor-element-a362a97 h3 {
    font-size: 22px;

    padding-right: 12px;
}

.elementor-573 .elementor-element.elementor-element-a362a97 h3::before {
    content: "";

    position: absolute;

    right: 0;
    top: 10px;

    width: 3px;
    height: 22px;

    background: #60a5fa;

    border-radius: 10px;
}


/* H4 */

.elementor-573 .elementor-element.elementor-element-a362a97 h4 {
    font-size: 19px;
}


/* =================================
   Links
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 a {
    color: var(--content-primary);
    font-weight: 600;

    text-decoration:
        underline;

    text-decoration-color:
        rgba(37,99,235,.25);

    text-decoration-thickness: 1px;

    text-underline-offset: 4px;

    transition:
        color .25s ease,
        text-decoration-color .25s ease;
}

.elementor-573 .elementor-element.elementor-element-a362a97 a:hover {
    color: #1d4ed8;

    text-decoration-color:
        #1d4ed8;
}


/* =================================
   Images
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 img {
    max-width: 100%;
    height: auto;

    display: block;

    margin: 28px auto;

    border-radius: 15px;

    box-shadow:
        0 12px 35px rgba(15,23,42,.10);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

.elementor-573 .elementor-element.elementor-element-a362a97 img:hover {
    transform: translateY(-4px);

    box-shadow:
        0 18px 45px rgba(15,23,42,.15);
}


/* =================================
   Image Caption
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 figcaption {
    margin-top: -18px;
    margin-bottom: 25px;

    color: #94a3b8;

    font-size: 13px;
    text-align: center;
}


/* =================================
   Blockquote
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 blockquote {
    position: relative;

    margin: 30px 0;
    padding: 20px 24px 20px 20px;

    background:
        linear-gradient(
            135deg,
            #eff6ff,
            #f8fafc
        );

    border: 1px solid #dbeafe;

    border-right: 4px solid
        var(--content-primary);

    border-radius: 12px;

    color: #475569;

    font-size: 17px;
    line-height: 2;

    box-shadow:
        0 8px 25px rgba(37,99,235,.06);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.elementor-573 .elementor-element.elementor-element-a362a97 blockquote:hover {
    transform: translateY(-3px);

    box-shadow:
        0 14px 30px rgba(37,99,235,.10);
}


/* =================================
   Lists
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 ul,
.elementor-573 .elementor-element.elementor-element-a362a97 ol {
    margin: 20px 0 25px;
    padding-right: 25px;
}

.elementor-573 .elementor-element.elementor-element-a362a97 li {
    margin-bottom: 10px;
    padding-right: 5px;
}


/* Bullet */

.elementor-573 .elementor-element.elementor-element-a362a97 ul li::marker {
    color: var(--content-primary);
    font-size: 1.1em;
}


/* Number */

.elementor-573 .elementor-element.elementor-element-a362a97 ol li::marker {
    color: var(--content-primary);
    font-weight: 700;
}


/* =================================
   Strong / Highlight
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 strong,
.elementor-573 .elementor-element.elementor-element-a362a97 b {
    color: #1e293b;
    font-weight: 750;
}


/* =================================
   Tables
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 table {
    width: 100%;

    margin: 30px 0;

    border-collapse: separate;
    border-spacing: 0;

    overflow: hidden;

    border: 1px solid var(--content-border);
    border-radius: 12px;

    box-shadow:
        0 8px 25px rgba(15,23,42,.05);
}

.elementor-573 .elementor-element.elementor-element-a362a97 th {
    padding: 13px 15px;

    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #1d4ed8
        );

    font-weight: 700;
}

.elementor-573 .elementor-element.elementor-element-a362a97 td {
    padding: 12px 15px;

    border-bottom: 1px solid
        var(--content-border);

    background: #ffffff;
}

.elementor-573 .elementor-element.elementor-element-a362a97 tr:last-child td {
    border-bottom: none;
}

.elementor-573 .elementor-element.elementor-element-a362a97 tr:hover td {
    background: #f8fafc;
}


/* =================================
   Code
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 code {
    padding: 3px 7px;

    color: #be185d;

    background: #fdf2f8;

    border-radius: 6px;

    font-size: .9em;
}

.elementor-573 .elementor-element.elementor-element-a362a97 pre {
    margin: 28px 0;

    padding: 20px;

    overflow-x: auto;

    color: #e2e8f0;

    background: #0f172a;

    border-radius: 13px;

    box-shadow:
        0 12px 30px rgba(15,23,42,.15);
}

.elementor-573 .elementor-element.elementor-element-a362a97 pre code {
    padding: 0;

    color: inherit;

    background: transparent;
}


/* =================================
   Horizontal Line
================================= */

.elementor-573 .elementor-element.elementor-element-a362a97 hr {
    margin: 35px 0;

    border: 0;

    border-top: 1px solid
        var(--content-border);
}


/* =================================
   Mobile
================================= */

@media (max-width: 767px) {

    .elementor-573 .elementor-element.elementor-element-a362a97 .elementor-widget-container {
        font-size: 16px;
        line-height: 1.95;
    }

    .elementor-573 .elementor-element.elementor-element-a362a97 h2 {
        font-size: 23px;
        margin-top: 30px;
    }

    .elementor-573 .elementor-element.elementor-element-a362a97 h3 {
        font-size: 20px;
    }

    .elementor-573 .elementor-element.elementor-element-a362a97 h4 {
        font-size: 18px;
    }

    .elementor-573 .elementor-element.elementor-element-a362a97 p {
        margin-bottom: 18px;
    }

    .elementor-573 .elementor-element.elementor-element-a362a97 blockquote {
        padding: 16px 18px;
        font-size: 15px;
    }

    .elementor-573 .elementor-element.elementor-element-a362a97 img {
        margin: 22px auto;
        border-radius: 11px;
    }

    .elementor-573 .elementor-element.elementor-element-a362a97 table {
        font-size: 14px;
    }
}


/* =================================
   Accessibility
================================= */

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

    .elementor-573 .elementor-element.elementor-element-a362a97 a,
    .elementor-573 .elementor-element.elementor-element-a362a97 img,
    .elementor-573 .elementor-element.elementor-element-a362a97 blockquote,
    .elementor-573 .elementor-element.elementor-element-a362a97 h2::before {
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for post-comments, class: .elementor-element-03ac9ef */.elementor-573 .elementor-element.elementor-element-03ac9ef {
    --pc-primary: #2563eb;
    --pc-primary-dark: #1d4ed8;
    --pc-text: #0f172a;
    --pc-muted: #64748b;
    --pc-border: #e2e8f0;
    --pc-bg: #f8fafc;
    --pc-white: #ffffff;
}


/* =========================
   Main Comments Container
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comments-area {
    margin-top: 35px;
    padding: 28px;

    background: linear-gradient(
        145deg,
        rgba(255,255,255,.98),
        rgba(248,250,252,.95)
    );

    border: 1px solid rgba(37,99,235,.10);
    border-radius: 20px;

    box-shadow:
        0 15px 40px rgba(15,23,42,.07),
        inset 0 1px 0 rgba(255,255,255,.9);

    animation: commentsAppear .7s ease both;
}


/* =========================
   Comments Title
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comments-title,
.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-reply-title {
    position: relative;

    margin: 0 0 25px;

    color: var(--pc-text);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.5;
}


/* خط تزئینی زیر عنوان */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comments-title::after,
.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-reply-title::after {
    content: "";

    display: block;

    width: 45px;
    height: 4px;

    margin-top: 10px;

    background: linear-gradient(
        90deg,
        var(--pc-primary),
        #60a5fa
    );

    border-radius: 50px;

    transition: width .35s ease;
}

.elementor-573 .elementor-element.elementor-element-03ac9ef .comments-title:hover::after,
.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-reply-title:hover::after {
    width: 75px;
}


/* =========================
   Comment List
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}


/* =========================
   Single Comment
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-body {
    position: relative;

    margin-bottom: 18px;
    padding: 20px;

    background: var(--pc-white);

    border: 1px solid var(--pc-border);
    border-radius: 15px;

    box-shadow: 0 5px 18px rgba(15,23,42,.04);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* Hover Comment */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-body:hover {
    transform: translateY(-3px);

    border-color: rgba(37,99,235,.22);

    box-shadow:
        0 12px 28px rgba(15,23,42,.08);
}


/* =========================
   Comment Author
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-author {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 12px;
}


/* Avatar */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-author img {
    width: 45px;
    height: 45px;

    border-radius: 50%;

    border: 3px solid #eff6ff;

    box-shadow:
        0 4px 12px rgba(37,99,235,.15);

    transition:
        transform .3s ease,
        box-shadow .3s ease;
}

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-body:hover
.comment-author img {
    transform: scale(1.08);

    box-shadow:
        0 6px 18px rgba(37,99,235,.25);
}


/* Author Name */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-author .fn {
    color: var(--pc-text);

    font-size: 15px;
    font-weight: 700;
}


/* =========================
   Comment Date
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-metadata {
    margin-bottom: 12px;

    font-size: 12px;
}

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-metadata a {
    color: #94a3b8;

    text-decoration: none;

    transition: color .2s ease;
}

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-metadata a:hover {
    color: var(--pc-primary);
}


/* =========================
   Comment Text
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-content {
    color: #475569;

    font-size: 14px;
    line-height: 2;

    margin-top: 8px;
}

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-content p:last-child {
    margin-bottom: 0;
}


/* =========================
   Reply Button
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .reply {
    margin-top: 14px;
}

.elementor-573 .elementor-element.elementor-element-03ac9ef .reply a {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 7px 13px;

    color: var(--pc-primary);

    background: #eff6ff;

    border-radius: 8px;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.elementor-573 .elementor-element.elementor-element-03ac9ef .reply a:hover {
    color: #ffffff;

    background: var(--pc-primary);

    transform: translateY(-2px);
}


/* =========================
   Comment Form
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-respond {
    margin-top: 30px;
    padding-top: 25px;

    border-top: 1px solid var(--pc-border);
}


/* Form Fields */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form input,
.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form textarea {
    width: 100%;

    padding: 13px 15px;

    color: var(--pc-text);

    background: #ffffff;

    border: 1px solid var(--pc-border);

    border-radius: 11px;

    outline: none;

    font-size: 14px;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}


/* Focus */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form input:focus,
.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form textarea:focus {

    border-color: var(--pc-primary);

    box-shadow:
        0 0 0 4px rgba(37,99,235,.08);

    transform: translateY(-1px);
}


/* Textarea */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form textarea {
    min-height: 150px;

    resize: vertical;
}


/* Labels */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form label {
    display: block;

    margin-bottom: 7px;

    color: #334155;

    font-size: 13px;
    font-weight: 600;
}


/* =========================
   Submit Button
========================= */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form .submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-top: 8px;

    padding: 12px 24px;

    color: #ffffff;

    background: linear-gradient(
        135deg,
        var(--pc-primary),
        var(--pc-primary-dark)
    );

    border: 0;
    border-radius: 10px;

    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    box-shadow:
        0 7px 18px rgba(37,99,235,.20);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}


/* Button Hover */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form .submit:hover {
    transform: translateY(-3px);

    filter: brightness(1.05);

    box-shadow:
        0 12px 25px rgba(37,99,235,.30);
}


/* Button Click */

.elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form .submit:active {
    transform: translateY(-1px) scale(.98);
}


/* =========================
   Entrance Animation
========================= */

@keyframes commentsAppear {

    from {
        opacity: 0;
        transform: translateY(18px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}


/* =========================
   Mobile
========================= */

@media (max-width: 767px) {

    .elementor-573 .elementor-element.elementor-element-03ac9ef .comments-area {
        margin-top: 25px;
        padding: 18px;

        border-radius: 15px;
    }

    .elementor-573 .elementor-element.elementor-element-03ac9ef .comments-title,
    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-reply-title {
        font-size: 19px;
    }

    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-body {
        padding: 15px;
        border-radius: 12px;
    }

    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-author img {
        width: 40px;
        height: 40px;
    }

    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-content {
        font-size: 13px;
        line-height: 1.9;
    }

    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form .submit {
        width: 100%;
    }
}


/* =========================
   Accessibility
========================= */

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

    .elementor-573 .elementor-element.elementor-element-03ac9ef .comments-area,
    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-body,
    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-author img,
    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form input,
    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form textarea,
    .elementor-573 .elementor-element.elementor-element-03ac9ef .comment-form .submit {
        animation: none;
        transition: none;
    }

}/* End custom CSS */
/* Start custom CSS for search, class: .elementor-element-df50137 */.elementor-573 .elementor-element.elementor-element-df50137 {
    --search-primary: #4f46e5;
    --search-text: #172033;
    --search-muted: #94a3b8;
    --search-border: #e2e8f0;
    --search-bg: #ffffff;
    --search-radius: 16px;

    width: 100%;
    direction: rtl;
}


/* Search Box */
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-form {
    width: 100% !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: var(--search-bg) !important;
    border: 1px solid var(--search-border) !important;
    border-radius: var(--search-radius) !important;

    box-shadow: 0 2px 8px rgba(15, 23, 42, .04) !important;

    direction: rtl !important;
}


/* Input */
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input-wrapper {
    flex: 1 1 auto !important;
    min-width: 0 !important;

    height: 58px !important;

    display: flex !important;
    align-items: center !important;

    direction: rtl !important;
}

.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input {
    width: 100% !important;
    height: 58px !important;

    padding: 0 20px !important;
    margin: 0 !important;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;

    color: var(--search-text) !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;

    text-align: right !important;
    direction: rtl !important;

    box-shadow: none !important;
}

.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input::placeholder {
    color: var(--search-muted) !important;
    opacity: 1 !important;
}


/* Search Button */
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-submit {
    flex: 0 0 auto !important;

    min-width: 100px !important;
    height: 44px !important;

    margin: 6px !important;
    padding: 0 20px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

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

    background: var(--search-primary) !important;
    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    box-shadow: none !important;

    transition: background .2s ease !important;

    order: -1 !important;
}

.elementor-573 .elementor-element.elementor-element-df50137 .e-search-submit:hover {
    background: #4338ca !important;
    color: #ffffff !important;

    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
}

.elementor-573 .elementor-element.elementor-element-df50137 .e-search-submit:active {
    transform: none !important;
}


/* Focus */
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-form:focus-within {
    border-color: var(--search-primary) !important;

    box-shadow: 0 0 0 3px rgba(79, 70, 229, .08) !important;

    transform: none !important;
}


/* Clear Button */
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input-wrapper > svg {
    position: absolute !important;

    left: 14px !important;
    right: auto !important;

    top: 50% !important;

    width: 14px !important;
    height: 14px !important;

    transform: translateY(-50%) !important;

    color: #94a3b8 !important;

    opacity: 0 !important;

    z-index: 5 !important;
}

.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input-wrapper:has(
    .e-search-input:not(:placeholder-shown)
) > svg {
    opacity: .8 !important;
}


/* Results */
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-results-container {
    position: absolute !important;

    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: 0 !important;

    width: 100% !important;

    padding: 8px !important;

    background: #ffffff !important;

    border: 1px solid var(--search-border) !important;
    border-radius: 14px !important;

    box-shadow: 0 8px 25px rgba(15, 23, 42, .08) !important;

    z-index: 99999 !important;

    direction: rtl !important;
}

.elementor-573 .elementor-element.elementor-element-df50137 .e-search-result {
    display: block !important;

    padding: 12px 14px !important;

    border-radius: 9px !important;

    color: var(--search-text) !important;

    text-align: right !important;

    transition: background .15s ease !important;
}

.elementor-573 .elementor-element.elementor-element-df50137 .e-search-result:hover {
    background: #f8fafc !important;
    transform: none !important;
}


/* Remove Browser Search Icon */
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input::-webkit-search-decoration,
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input::-webkit-search-cancel-button,
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input::-webkit-search-results-button,
.elementor-573 .elementor-element.elementor-element-df50137 .e-search-input::-webkit-search-results-decoration {
    -webkit-appearance: none !important;
}


/* Mobile */
@media (max-width: 767px) {

    .elementor-573 .elementor-element.elementor-element-df50137 .e-search-form {
        min-height: 54px !important;
        border-radius: 14px !important;
    }

    .elementor-573 .elementor-element.elementor-element-df50137 .e-search-input-wrapper {
        height: 54px !important;
    }

    .elementor-573 .elementor-element.elementor-element-df50137 .e-search-input {
        height: 54px !important;
        padding: 0 15px !important;
        font-size: 14px !important;
    }

    .elementor-573 .elementor-element.elementor-element-df50137 .e-search-submit {
        min-width: 82px !important;
        height: 42px !important;

        margin: 6px !important;
        padding: 0 15px !important;

        border-radius: 10px !important;

        font-size: 13px !important;
    }
}


/* Small Mobile */
@media (max-width: 420px) {

    .elementor-573 .elementor-element.elementor-element-df50137 .e-search-submit {
        min-width: 70px !important;
        padding: 0 12px !important;
    }

    .elementor-573 .elementor-element.elementor-element-df50137 .e-search-input {
        padding: 0 12px !important;
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-17b73f1 *//* =========================================
   PROFESSIONAL BLOG ARCHIVE CARD
   Elementor Flexbox
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 {
    position: relative;

    display: flex;
    flex-direction: row;
    align-items: stretch;

    width: 100%;
    min-height: 270px;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 18px;

    box-shadow:
        0 8px 25px rgba(15, 23, 42, .06),
        0 2px 6px rgba(15, 23, 42, .03);

    transition:
        transform .4s cubic-bezier(.2,.8,.2,1),
        box-shadow .4s ease,
        border-color .3s ease;

    /* برای انیمیشن */
    transform: translateZ(0);
}


/* =========================================
   CARD HOVER
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1:hover {
    transform: translateY(-7px);

    border-color: rgba(37, 99, 235, .14);

    box-shadow:
        0 20px 45px rgba(15, 23, 42, .12),
        0 6px 15px rgba(37, 99, 235, .06);
}


/* =========================================
   FEATURED IMAGE
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:first-child {
    flex: 0 0 65%;
    width: 65%;

    min-width: 0;

    overflow: hidden;
}


/* تصویر */

.elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:first-child img {
    display: block;

    width: 100%;
    height: 100%;

    min-height: 270px;

    object-fit: cover;

    transition:
        transform .7s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;
}


/* Zoom تصویر */

.elementor-573 .elementor-element.elementor-element-17b73f1:hover > .elementor-element:first-child img {
    transform: scale(1.06);

    filter: brightness(.96) saturate(1.05);
}


/* =========================================
   CONTENT AREA
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:nth-child(2) {
    flex: 0 0 35%;
    width: 35%;

    min-width: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 25px 27px;
}


/* =========================================
   POST TITLE
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 h2,
.elementor-573 .elementor-element.elementor-element-17b73f1 h3,
.elementor-573 .elementor-element.elementor-element-17b73f1 .post-title {
    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    margin: 0 0 10px;

    color: #0f172a;

    font-size: 21px;
    font-weight: 800;

    line-height: 1.65;

    transition: color .3s ease;
}


.elementor-573 .elementor-element.elementor-element-17b73f1:hover h2,
.elementor-573 .elementor-element.elementor-element-17b73f1:hover h3,
.elementor-573 .elementor-element.elementor-element-17b73f1:hover .post-title {
    color: #2563eb;
}


/* =========================================
   EXCERPT / خلاصه نوشته
========================================= */

/*
   فقط 2 خط نمایش داده می‌شود
*/

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-post__excerpt,
.elementor-573 .elementor-element.elementor-element-17b73f1 .post-excerpt,
.elementor-573 .elementor-element.elementor-element-17b73f1 .excerpt,
.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-widget-theme-post-excerpt {
    margin: 0 0 12px;

    color: #64748b;

    font-size: 13px;

    line-height: 1.85;
}


/* محدود کردن متن خلاصه به 2 خط */

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-post__excerpt p,
.elementor-573 .elementor-element.elementor-element-17b73f1 .post-excerpt p,
.elementor-573 .elementor-element.elementor-element-17b73f1 .excerpt p,
.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-widget-theme-post-excerpt p {
    display: -webkit-box;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

    overflow: hidden;

    margin: 0;
}


/* =========================================
   POST INFO
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-post-info {
    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 5px 10px;

    margin: 4px 0 0;

    color: #94a3b8;

    font-size: 11px;
}


/* =========================================
   READ MORE
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button {
    position: relative;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: fit-content;

    min-width: 135px;
    min-height: 42px;

    margin-top: 13px;

    padding: 9px 16px;

    color: #ffffff !important;

    background:
        linear-gradient(
            135deg,
            #2563eb,
            #1d4ed8
        ) !important;

    border: none !important;

    border-radius: 10px;

    font-size: 13px;
    font-weight: 700;

    line-height: 1.5;

    text-decoration: none !important;

    overflow: hidden;

    box-shadow:
        0 7px 18px rgba(37,99,235,.20);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease;
}


/* نور روی دکمه */

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button::before {
    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 70%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.25),
            transparent
        );

    transform: skewX(-20deg);

    transition: left .6s ease;

    pointer-events: none;
}


.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button:hover::before {
    left: 140%;
}


/* Hover دکمه */

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button:hover {
    transform: translateY(-3px);

    filter: brightness(1.05);

    box-shadow:
        0 12px 28px rgba(37,99,235,.32);
}


/* =========================================
   BUTTON ICON
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button-icon {
    position: relative;

    z-index: 2;

    transition:
        transform .3s ease;
}


.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button:hover
.elementor-button-icon {
    transform: translateX(-5px);
}


/* متن دکمه */

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button-text {
    position: relative;
    z-index: 2;
}


/* =========================================
   CATEGORY
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-post-info__terms-list,
.elementor-573 .elementor-element.elementor-element-17b73f1 .post-category {
    color: #2563eb;

    font-weight: 700;
}


/* =========================================
   IMAGE OVERLAY
========================================= */

.elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:first-child {
    position: relative;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .elementor-573 .elementor-element.elementor-element-17b73f1 {
        min-height: 240px;
    }

    .elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:first-child {
        flex-basis: 58%;
        width: 58%;
    }

    .elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:nth-child(2) {
        flex-basis: 42%;
        width: 42%;

        padding: 20px;
    }

    .elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:first-child img {
        min-height: 240px;
    }

    .elementor-573 .elementor-element.elementor-element-17b73f1 h2,
    .elementor-573 .elementor-element.elementor-element-17b73f1 h3,
    .elementor-573 .elementor-element.elementor-element-17b73f1 .post-title {
        font-size: 18px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-573 .elementor-element.elementor-element-17b73f1 {
        flex-direction: column;

        min-height: 0;

        border-radius: 15px;
    }


    /* تصویر */

    .elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:first-child {
        flex: 0 0 auto;

        width: 100%;
    }

    .elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:first-child img {
        width: 100%;

        height: 220px;
        min-height: 0;
    }


    /* محتوا */

    .elementor-573 .elementor-element.elementor-element-17b73f1 > .elementor-element:nth-child(2) {
        flex: 0 0 auto;

        width: 100%;

        padding: 18px;
    }


    /* عنوان */

    .elementor-573 .elementor-element.elementor-element-17b73f1 h2,
    .elementor-573 .elementor-element.elementor-element-17b73f1 h3,
    .elementor-573 .elementor-element.elementor-element-17b73f1 .post-title {
        font-size: 18px;

        line-height: 1.6;
    }


    /* خلاصه */

    .elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-post__excerpt,
    .elementor-573 .elementor-element.elementor-element-17b73f1 .post-excerpt,
    .elementor-573 .elementor-element.elementor-element-17b73f1 .excerpt,
    .elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-widget-theme-post-excerpt {
        font-size: 13px;

        line-height: 1.8;
    }


    /* دکمه */

    .elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button {
        min-height: 40px;

        padding: 8px 14px;

        font-size: 12px;
    }
}


/* =========================================
   REDUCED MOTION
========================================= */

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

    .elementor-573 .elementor-element.elementor-element-17b73f1,
    .elementor-573 .elementor-element.elementor-element-17b73f1 img,
    .elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button,
    .elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button::before,
    .elementor-573 .elementor-element.elementor-element-17b73f1 .elementor-button-icon {
        transition: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e8a6dde *//* =========================================
   DANIX BLOG FUTURISTIC ANIMATION
========================================= */

.DANIX_BLOG_ANIMATION {

    position: relative;

    width: 420px;
    height: 360px;

    margin: auto;

    overflow: visible;

    perspective: 1000px;

    font-family: Arial, sans-serif;
}


/* =========================================
   BACKGROUND GRID
========================================= */

.DANIX_BLOG_grid {

    position: absolute;

    width: 340px;
    height: 230px;

    left: 50%;
    top: 54%;

    transform:
        translate(-50%, -50%)
        rotateX(58deg)
        rotateZ(-7deg);

    background:
        linear-gradient(
            rgba(0,234,255,.15) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,234,255,.15) 1px,
            transparent 1px
        );

    background-size: 34px 34px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 80%,
            transparent
        );

    animation:
        DANIX_BLOG_gridMove 5s linear infinite;

}


/* =========================================
   MAIN ARTICLE CARD
========================================= */

.DANIX_BLOG_card {

    position: absolute;

    width: 275px;
    height: 215px;

    left: 50%;
    top: 48%;

    transform:
        translate(-50%, -50%)
        rotateX(12deg)
        rotateY(-8deg);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(12,20,50,.97),
            rgba(17,14,45,.94)
        );

    border: 1px solid rgba(0,234,255,.35);

    box-shadow:

        0 20px 60px rgba(0,0,0,.45),

        0 0 20px rgba(0,234,255,.12),

        inset 0 0 30px rgba(0,234,255,.04);

    backdrop-filter: blur(12px);

    overflow: hidden;

    animation:
        DANIX_BLOG_cardFloat 4s ease-in-out infinite;

}


/* Neon border */

.DANIX_BLOG_card::before {

    content: "";

    position: absolute;

    inset: -1px;

    border-radius: 18px;

    background:
        linear-gradient(
            120deg,
            transparent 25%,
            rgba(0,234,255,.7),
            transparent 55%
        );

    opacity: .45;

    animation:
        DANIX_BLOG_borderMove 3s linear infinite;

}


/* =========================================
   CARD HEADER
========================================= */

.DANIX_BLOG_card_header {

    position: relative;

    height: 38px;

    display: flex;

    align-items: center;

    padding: 0 14px;

    gap: 6px;

    border-bottom:
        1px solid rgba(255,255,255,.06);

    background:
        rgba(255,255,255,.025);

}


.DANIX_BLOG_dot {

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #00eaff;

    box-shadow:
        0 0 8px #00eaff;

}


.DANIX_BLOG_dot:nth-child(2) {

    background: #8d7cff;

    box-shadow:
        0 0 8px #8d7cff;

}


.DANIX_BLOG_dot:nth-child(3) {

    background: #00ffc8;

    box-shadow:
        0 0 8px #00ffc8;

}


.DANIX_BLOG_label {

    margin-left: auto;

    font-size: 9px;

    letter-spacing: 2px;

    color: #00eaff;

    text-shadow:
        0 0 8px #00eaff;

}


/* =========================================
   ARTICLE CONTENT
========================================= */

.DANIX_BLOG_content {

    position: relative;

    padding: 18px;

}


/* Title */

.DANIX_BLOG_title_line {

    width: 175px;
    height: 9px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #ffffff,
            rgba(0,234,255,.7)
        );

    box-shadow:
        0 0 8px rgba(0,234,255,.35);

    animation:
        DANIX_BLOG_titlePulse 2.5s ease-in-out infinite;

}


.DANIX_BLOG_title_line.short {

    width: 115px;

    margin-top: 7px;

    opacity: .65;

}


/* Text */

.DANIX_BLOG_text_line {

    width: 200px;
    height: 4px;

    margin-top: 16px;

    border-radius: 10px;

    background:
        rgba(255,255,255,.16);

}


.DANIX_BLOG_text_line + .DANIX_BLOG_text_line {

    margin-top: 7px;

}


.DANIX_BLOG_text_line.small {

    width: 145px;

}


/* =========================================
   ARTICLE IMAGE
========================================= */

.DANIX_BLOG_image {

    position: absolute;

    right: 17px;
    bottom: 12px;

    width: 75px;
    height: 70px;

    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #17236a,
            #30156a
        );

    border:
        1px solid rgba(0,234,255,.4);

    box-shadow:
        0 0 18px rgba(0,234,255,.2),

        inset 0 0 20px rgba(0,234,255,.12);

    overflow: hidden;

}


.DANIX_BLOG_image::before {

    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    left: -25px;
    top: -45px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(0,234,255,.45),
            transparent 65%
        );

    animation:
        DANIX_BLOG_imageGlow 3s ease-in-out infinite;

}


.DANIX_BLOG_image_icon {

    position: absolute;

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    color: #00ffc8;

    font-size: 28px;

    text-shadow:
        0 0 10px #00ffc8,
        0 0 25px #00ffc8;

    animation:
        DANIX_BLOG_iconPulse 2s ease-in-out infinite;

}


/* =========================================
   FLOATING NEW ARTICLE
========================================= */

.DANIX_BLOG_floating {

    position: absolute;

    right: 8px;
    top: 65px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px 14px;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            rgba(12,20,50,.95),
            rgba(29,17,65,.9)
        );

    border:
        1px solid rgba(0,255,200,.3);

    box-shadow:
        0 0 20px rgba(0,255,200,.13);

    backdrop-filter: blur(10px);

    animation:
        DANIX_BLOG_floatingFloat 4s ease-in-out infinite;

}


.DANIX_BLOG_floating_icon {

    width: 32px;
    height: 32px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: #00ffc8;

    background:
        rgba(0,255,200,.08);

    border:
        1px solid rgba(0,255,200,.3);

    box-shadow:
        0 0 12px rgba(0,255,200,.15);

    font-size: 17px;

}


.DANIX_BLOG_floating strong {

    display: block;

    color: #fff;

    font-size: 11px;

}


.DANIX_BLOG_floating small {

    display: block;

    margin-top: 3px;

    color:
        rgba(255,255,255,.5);

    font-size: 8px;

    letter-spacing: .5px;

}


/* =========================================
   READING PROGRESS
========================================= */

.DANIX_BLOG_progress {

    position: absolute;

    left: 15px;
    bottom: 38px;

    width: 145px;

    padding: 12px 14px;

    border-radius: 14px;

    background:
        rgba(10,15,40,.88);

    border:
        1px solid rgba(0,234,255,.25);

    box-shadow:
        0 0 20px rgba(0,234,255,.1);

    backdrop-filter: blur(8px);

    animation:
        DANIX_BLOG_progressFloat 4s ease-in-out infinite;

}


.DANIX_BLOG_progress_title {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 8px;

}


.DANIX_BLOG_progress_title span {

    color:
        rgba(255,255,255,.55);

    font-size: 8px;

    letter-spacing: 1.5px;

}


.DANIX_BLOG_progress_title strong {

    color: #00ffc8;

    font-size: 12px;

    text-shadow:
        0 0 8px #00ffc8;

}


.DANIX_BLOG_progress_bar {

    width: 100%;
    height: 4px;

    border-radius: 10px;

    background:
        rgba(255,255,255,.08);

    overflow: hidden;

}


.DANIX_BLOG_progress_bar span {

    display: block;

    width: 78%;
    height: 100%;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            #5146ff,
            #00eaff,
            #00ffc8
        );

    box-shadow:
        0 0 10px #00eaff;

    animation:
        DANIX_BLOG_progressAnimation 3s ease-in-out infinite;

}


/* =========================================
   PARTICLES
========================================= */

.DANIX_BLOG_particle {

    position: absolute;

    display: block;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #00eaff;

    box-shadow:
        0 0 8px #00eaff,
        0 0 18px #00eaff;

}


.DANIX_BLOG_ANIMATION .particle1 {

    left: 28px;
    top: 80px;

    animation:
        DANIX_BLOG_particle1 4s infinite ease-in-out;

}


.DANIX_BLOG_ANIMATION .particle2 {

    left: 100px;
    top: 25px;

    background: #8d7cff;

    box-shadow:
        0 0 8px #8d7cff,
        0 0 18px #8d7cff;

    animation:
        DANIX_BLOG_particle2 5s infinite ease-in-out;

}


.DANIX_BLOG_ANIMATION .particle3 {

    right: 75px;
    top: 40px;

    background: #00ffc8;

    box-shadow:
        0 0 8px #00ffc8,
        0 0 18px #00ffc8;

    animation:
        DANIX_BLOG_particle3 3.5s infinite ease-in-out;

}


.DANIX_BLOG_ANIMATION .particle4 {

    left: 60px;
    bottom: 55px;

    animation:
        DANIX_BLOG_particle4 4.5s infinite ease-in-out;

}


.DANIX_BLOG_ANIMATION .particle5 {

    right: 25px;
    bottom: 125px;

    background: #8d7cff;

    box-shadow:
        0 0 8px #8d7cff,
        0 0 18px #8d7cff;

    animation:
        DANIX_BLOG_particle5 5s infinite ease-in-out;

}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes DANIX_BLOG_gridMove {

    from {
        background-position:
            0 0,
            0 0;
    }

    to {
        background-position:
            0 34px,
            34px 0;
    }

}


@keyframes DANIX_BLOG_cardFloat {

    0%,100% {

        transform:
            translate(-50%, -50%)
            rotateX(12deg)
            rotateY(-8deg)
            translateY(0);

    }

    50% {

        transform:
            translate(-50%, -50%)
            rotateX(12deg)
            rotateY(-8deg)
            translateY(-9px);

    }

}


@keyframes DANIX_BLOG_borderMove {

    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }

}


@keyframes DANIX_BLOG_titlePulse {

    0%,100% {
        opacity: .75;
    }

    50% {
        opacity: 1;
        box-shadow:
            0 0 15px rgba(0,234,255,.55);
    }

}


@keyframes DANIX_BLOG_imageGlow {

    0%,100% {
        transform: scale(.8);
        opacity: .5;
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

}


@keyframes DANIX_BLOG_iconPulse {

    0%,100% {
        transform:
            translate(-50%, -50%)
            scale(1);
    }

    50% {
        transform:
            translate(-50%, -50%)
            scale(1.18);
    }

}


@keyframes DANIX_BLOG_floatingFloat {

    0%,100% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(5px,-9px);
    }

}


@keyframes DANIX_BLOG_progressFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }

}


@keyframes DANIX_BLOG_progressAnimation {

    0%,100% {
        width: 65%;
    }

    50% {
        width: 82%;
    }

}


@keyframes DANIX_BLOG_particle1 {

    0%,100% {
        transform:
            translate(0,0);

        opacity: .4;
    }

    50% {
        transform:
            translate(28px,-30px);

        opacity: 1;
    }

}


@keyframes DANIX_BLOG_particle2 {

    0%,100% {
        transform:
            translate(0,0);
    }

    50% {
        transform:
            translate(-20px,35px);
    }

}


@keyframes DANIX_BLOG_particle3 {

    0%,100% {
        transform:
            translate(0,0);
    }

    50% {
        transform:
            translate(25px,25px);
    }

}


@keyframes DANIX_BLOG_particle4 {

    0%,100% {
        transform:
            translate(0,0);
    }

    50% {
        transform:
            translate(30px,-20px);
    }

}


@keyframes DANIX_BLOG_particle5 {

    0%,100% {
        transform:
            translate(0,0);
    }

    50% {
        transform:
            translate(-25px,-30px);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .DANIX_BLOG_ANIMATION {

        transform: scale(.78);

        transform-origin: center;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a9a843 *//* =========================================
   DANIX COMMENT / USER VOICE
========================================= */

.DANIX_COMMENT_ANIMATION {

    position: relative;

    width: 420px;
    height: 360px;

    margin: auto;

    overflow: visible;

    perspective: 1000px;

    font-family: Arial, sans-serif;
}


/* =========================================
   BACKGROUND GRID
========================================= */

.DANIX_COMMENT_grid {

    position: absolute;

    width: 330px;
    height: 220px;

    left: 50%;
    top: 55%;

    transform:
        translate(-50%, -50%)
        rotateX(58deg)
        rotateZ(-8deg);

    background:
        linear-gradient(
            rgba(0,234,255,.15) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(0,234,255,.15) 1px,
            transparent 1px
        );

    background-size: 35px 35px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            black 20%,
            black 80%,
            transparent
        );

    animation:
        DANIX_COMMENT_gridMove 5s linear infinite;
}


/* =========================================
   MAIN COMMENT BUBBLE
========================================= */

.DANIX_COMMENT_bubble {

    position: absolute;

    width: 260px;
    height: 175px;

    left: 50%;
    top: 48%;

    transform:
        translate(-50%, -50%)
        rotateX(12deg)
        rotateY(-8deg);

    border-radius: 25px;

    background:
        linear-gradient(
            145deg,
            rgba(12,20,50,.97),
            rgba(27,14,62,.94)
        );

    border:
        1px solid rgba(0,234,255,.4);

    box-shadow:

        0 20px 60px rgba(0,0,0,.45),

        0 0 25px rgba(0,234,255,.12),

        inset 0 0 30px rgba(0,234,255,.04);

    backdrop-filter: blur(12px);

    animation:
        DANIX_COMMENT_float 4s ease-in-out infinite;

}


/* Bubble tail */

.DANIX_COMMENT_bubble::after {

    content: "";

    position: absolute;

    bottom: -16px;
    left: 45px;

    width: 32px;
    height: 32px;

    background:
        rgba(16,20,55,.97);

    border-right:
        1px solid rgba(0,234,255,.35);

    border-bottom:
        1px solid rgba(0,234,255,.35);

    transform:
        rotate(45deg);

}


/* Neon animated border */

.DANIX_COMMENT_bubble::before {

    content: "";

    position: absolute;

    inset: -1px;

    border-radius: 25px;

    border:
        1px solid transparent;

    background:
        linear-gradient(
            120deg,
            transparent 20%,
            rgba(0,255,200,.8),
            transparent 60%
        )
        border-box;

    mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);

    mask-composite: exclude;

    animation:
        DANIX_COMMENT_border 3s linear infinite;

}


/* =========================================
   QUOTE
========================================= */

.DANIX_COMMENT_quote {

    position: absolute;

    left: 20px;
    top: 12px;

    color: #00eaff;

    font-family: Georgia, serif;

    font-size: 65px;

    line-height: 1;

    text-shadow:
        0 0 10px #00eaff,
        0 0 25px #00eaff;

    animation:
        DANIX_COMMENT_quotePulse 2.5s ease-in-out infinite;

}


/* =========================================
   COMMENT TEXT LINES
========================================= */

.DANIX_COMMENT_lines {

    position: absolute;

    left: 62px;
    top: 45px;

    width: 135px;

}


.DANIX_COMMENT_lines span {

    display: block;

    width: 135px;
    height: 7px;

    margin-bottom: 10px;

    border-radius: 10px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.85),
            rgba(0,234,255,.4)
        );

    box-shadow:
        0 0 8px rgba(0,234,255,.2);

    animation:
        DANIX_COMMENT_textPulse 2s ease-in-out infinite;

}


.DANIX_COMMENT_lines span:nth-child(2) {

    width: 110px;

    animation-delay: .2s;

}


.DANIX_COMMENT_lines span:nth-child(3) {

    width: 80px;

    animation-delay: .4s;

}


/* =========================================
   USER AVATAR
========================================= */

.DANIX_COMMENT_avatar {

    position: absolute;

    left: 20px;
    bottom: 25px;

    width: 34px;
    height: 34px;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #5146ff,
            #00eaff
        );

    box-shadow:
        0 0 12px #00eaff,
        0 0 25px rgba(0,234,255,.45);

    animation:
        DANIX_COMMENT_avatarPulse 2.5s ease-in-out infinite;

}


.avatar_head {

    position: absolute;

    width: 9px;
    height: 9px;

    left: 50%;
    top: 7px;

    transform:
        translateX(-50%);

    border-radius: 50%;

    background: white;

}


.avatar_body {

    position: absolute;

    width: 18px;
    height: 10px;

    left: 50%;
    bottom: 6px;

    transform:
        translateX(-50%);

    border-radius:
        12px 12px 6px 6px;

    background: white;

}


/* =========================================
   FLOATING FEEDBACK CARD
========================================= */

.DANIX_COMMENT_feedback {

    position: absolute;

    right: 5px;
    top: 65px;

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 11px 14px;

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            rgba(12,20,50,.96),
            rgba(30,15,70,.9)
        );

    border:
        1px solid rgba(0,255,200,.3);

    box-shadow:
        0 0 20px rgba(0,255,200,.12);

    backdrop-filter: blur(10px);

    animation:
        DANIX_COMMENT_feedbackFloat 4s ease-in-out infinite;

}


.DANIX_COMMENT_feedback_icon {

    width: 32px;
    height: 32px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 9px;

    color: #ff4fd8;

    background:
        rgba(255,79,216,.08);

    border:
        1px solid rgba(255,79,216,.3);

    box-shadow:
        0 0 12px rgba(255,79,216,.2);

    font-size: 16px;

    animation:
        DANIX_COMMENT_heart 1.8s ease-in-out infinite;

}


.DANIX_COMMENT_feedback strong {

    display: block;

    color: #fff;

    font-size: 11px;

}


.DANIX_COMMENT_feedback small {

    display: block;

    margin-top: 3px;

    color:
        rgba(255,255,255,.5);

    font-size: 8px;

    letter-spacing: .5px;

}


/* =========================================
   STARS
========================================= */

.DANIX_COMMENT_stars {

    position: absolute;

    left: 25px;
    bottom: 55px;

    display: flex;

    gap: 5px;

    padding: 10px 13px;

    border-radius: 13px;

    background:
        rgba(10,15,40,.88);

    border:
        1px solid rgba(0,234,255,.25);

    box-shadow:
        0 0 20px rgba(0,234,255,.1);

    backdrop-filter: blur(8px);

    animation:
        DANIX_COMMENT_starsFloat 4s ease-in-out infinite;

}


.DANIX_COMMENT_stars span {

    color: #00ffc8;

    font-size: 13px;

    text-shadow:
        0 0 8px #00ffc8;

    animation:
        DANIX_COMMENT_starPulse 1.8s ease-in-out infinite;

}


.DANIX_COMMENT_stars span:nth-child(2) {
    animation-delay: .15s;
}

.DANIX_COMMENT_stars span:nth-child(3) {
    animation-delay: .3s;
}

.DANIX_COMMENT_stars span:nth-child(4) {
    animation-delay: .45s;
}

.DANIX_COMMENT_stars span:nth-child(5) {
    animation-delay: .6s;
}


/* =========================================
   TYPING CURSOR
========================================= */

.DANIX_COMMENT_cursor {

    position: absolute;

    width: 2px;
    height: 14px;

    left: 194px;
    top: 105px;

    background: #00ffc8;

    box-shadow:
        0 0 8px #00ffc8,
        0 0 15px #00ffc8;

    animation:
        DANIX_COMMENT_cursorBlink .8s steps(2) infinite;

}


/* =========================================
   PARTICLES
========================================= */

.DANIX_COMMENT_particle {

    position: absolute;

    display: block;

    width: 5px;
    height: 5px;

    border-radius: 50%;

    background: #00eaff;

    box-shadow:
        0 0 8px #00eaff,
        0 0 18px #00eaff;

}


.DANIX_COMMENT_ANIMATION .particle1 {

    left: 25px;
    top: 75px;

    animation:
        DANIX_COMMENT_particle1 4s infinite ease-in-out;

}


.DANIX_COMMENT_ANIMATION .particle2 {

    left: 95px;
    top: 25px;

    background: #8d7cff;

    box-shadow:
        0 0 8px #8d7cff,
        0 0 18px #8d7cff;

    animation:
        DANIX_COMMENT_particle2 5s infinite ease-in-out;

}


.DANIX_COMMENT_ANIMATION .particle3 {

    right: 75px;
    top: 40px;

    background: #00ffc8;

    box-shadow:
        0 0 8px #00ffc8,
        0 0 18px #00ffc8;

    animation:
        DANIX_COMMENT_particle3 3.5s infinite ease-in-out;

}


.DANIX_COMMENT_ANIMATION .particle4 {

    left: 60px;
    bottom: 40px;

    animation:
        DANIX_COMMENT_particle4 4.5s infinite ease-in-out;

}


.DANIX_COMMENT_ANIMATION .particle5 {

    right: 30px;
    bottom: 120px;

    background: #ff4fd8;

    box-shadow:
        0 0 8px #ff4fd8,
        0 0 18px #ff4fd8;

    animation:
        DANIX_COMMENT_particle5 5s infinite ease-in-out;

}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes DANIX_COMMENT_gridMove {

    from {
        background-position: 0 0, 0 0;
    }

    to {
        background-position: 0 35px, 35px 0;
    }

}


@keyframes DANIX_COMMENT_float {

    0%,100% {

        transform:
            translate(-50%, -50%)
            rotateX(12deg)
            rotateY(-8deg)
            translateY(0);

    }

    50% {

        transform:
            translate(-50%, -50%)
            rotateX(12deg)
            rotateY(-8deg)
            translateY(-10px);

    }

}


@keyframes DANIX_COMMENT_border {

    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }

}


@keyframes DANIX_COMMENT_quotePulse {

    0%,100% {
        opacity: .7;
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }

}


@keyframes DANIX_COMMENT_textPulse {

    0%,100% {
        opacity: .55;
    }

    50% {
        opacity: 1;
    }

}


@keyframes DANIX_COMMENT_avatarPulse {

    0%,100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
        box-shadow:
            0 0 18px #00eaff,
            0 0 35px rgba(0,234,255,.5);
    }

}


@keyframes DANIX_COMMENT_feedbackFloat {

    0%,100% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(6px,-9px);
    }

}


@keyframes DANIX_COMMENT_heart {

    0%,100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

}


@keyframes DANIX_COMMENT_starsFloat {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }

}


@keyframes DANIX_COMMENT_starPulse {

    0%,100% {
        opacity: .55;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.25);
    }

}


@keyframes DANIX_COMMENT_cursorBlink {

    0%,49% {
        opacity: 1;
    }

    50%,100% {
        opacity: 0;
    }

}


@keyframes DANIX_COMMENT_particle1 {

    0%,100% {
        transform: translate(0,0);
        opacity: .4;
    }

    50% {
        transform: translate(25px,-30px);
        opacity: 1;
    }

}


@keyframes DANIX_COMMENT_particle2 {

    0%,100% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(-20px,35px);
    }

}


@keyframes DANIX_COMMENT_particle3 {

    0%,100% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(25px,25px);
    }

}


@keyframes DANIX_COMMENT_particle4 {

    0%,100% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(30px,-20px);
    }

}


@keyframes DANIX_COMMENT_particle5 {

    0%,100% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(-25px,-30px);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .DANIX_COMMENT_ANIMATION {

        transform: scale(.78);

        transform-origin: center;

    }

}/* End custom CSS */