.elementor-25469 .elementor-element.elementor-element-de3d1c8{overflow:visible;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25469 .elementor-element.elementor-element-609da98{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-2bd0f5e{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-0f1013c{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-23b0db1{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-1eeaa82{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-2b41433{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-a6b8b7c{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-d3117c9{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-6ac804d{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-c7bbf5c{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-87a42cb{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-6042294{overflow:visible;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-25469 .elementor-element.elementor-element-e48e19c{overflow:visible;}.elementor-25469 .elementor-element.elementor-element-607fad8{overflow:visible;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.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-25469 .elementor-element.elementor-element-3e9a3eb{overflow:visible;}.elementor-widget-elementskit-faq .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-elementskit-faq .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-25469 .elementor-element.elementor-element-bee3060 .elementskit-single-faq .elementskit-faq-title{font-size:20px;font-weight:700;}.elementor-25469 .elementor-element.elementor-element-bee3060 .elementskit-single-faq .elementskit-faq-header{padding:21px 40px 21px 40px;}.elementor-25469 .elementor-element.elementor-element-bee3060 .elementskit-single-faq .elementskit-faq-body{padding:30px 40px 30px 40px;}.elementor-25469 .elementor-element.elementor-element-a2eedcf{overflow:visible;}/* Start custom CSS for text-editor, class: .elementor-element-ae1e780 */.ai-teaser-showcase {
    --ai-purple: #6d28d9;
    --ai-purple-dark: #4c1d95;
    --ai-purple-soft: #f4f0ff;

    --ai-yellow: #f5b82e;
    --ai-yellow-soft: #fff8e6;

    --ai-text: #26232d;
    --ai-muted: #746f7d;
    --ai-border: #ebe7f2;
    --ai-bg: #ffffff;

    font-family: inherit;
    margin: 45px 0;
    color: var(--ai-text);
}


/* Heading */

.ai-teaser-heading {
    max-width: 820px;
    margin: 0 auto 28px;
    text-align: center;
}

.ai-teaser-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    background: var(--ai-purple-soft);
    color: var(--ai-purple);

    padding: 7px 14px;
    margin-bottom: 12px;

    border-radius: 100px;

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

.ai-teaser-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;

    background: var(--ai-yellow);
    border-radius: 50%;
}

.ai-teaser-heading h2 {
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.6;

    margin: 0 0 8px;
    color: #251b36;
}

.ai-teaser-heading p {
    margin: 0;

    color: var(--ai-muted);
    font-size: 15px;
    line-height: 2;
}


/* Main Card */

.ai-case-card {
    max-width: 1050px;
    margin: 0 auto;

    background: var(--ai-bg);

    border: 1px solid var(--ai-border);
    border-radius: 24px;

    overflow: hidden;

    box-shadow:
        0 20px 60px rgba(76, 29, 149, 0.07);
}


/* Video */

.ai-video-wrapper {
    position: relative;

    background:
        linear-gradient(
            135deg,
            #1d1429,
            #342149
        );

    padding: 14px;
}

.ai-case-video {
    display: block;

    width: 100%;
    max-height: 590px;

    object-fit: contain;

    background: #111;

    border-radius: 16px;
}

.ai-video-badges {
    position: absolute;

    top: 28px;
    right: 28px;

    display: flex;
    gap: 8px;

    flex-wrap: wrap;
}

.ai-badge {
    display: inline-flex;
    align-items: center;

    padding: 7px 12px;

    border-radius: 100px;

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

    backdrop-filter: blur(10px);
}

.ai-badge-purple {
    color: #fff;
    background: rgba(109, 40, 217, 0.9);
}

.ai-badge-yellow {
    color: #4b3500;
    background: rgba(245, 184, 46, 0.93);
}


/* Content */

.ai-case-content {
    padding: 30px;
}

.ai-case-title {
    display: flex;
    align-items: center;
    gap: 16px;

    margin-bottom: 18px;
}

.ai-case-number {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

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

    border-radius: 15px;

    background:
        linear-gradient(
            135deg,
            var(--ai-purple),
            var(--ai-purple-dark)
        );

    color: #fff;

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

    box-shadow:
        0 10px 24px rgba(109, 40, 217, 0.2);
}

.ai-case-brand {
    display: block;

    color: var(--ai-purple);

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

    margin-bottom: 3px;
}

.ai-case-title h3 {
    margin: 0;

    font-size: 23px;
    line-height: 1.5;

    color: #292132;
}


/* Description */

.ai-case-description {
    margin: 0 0 24px;

    font-size: 15px;
    line-height: 2.15;

    color: #504a57;
}

.ai-case-description a {
    color: var(--ai-purple);
    text-decoration: none;

    border-bottom:
        1px dashed rgba(109, 40, 217, 0.45);

    transition: 0.2s ease;
}

.ai-case-description a:hover {
    color: var(--ai-purple-dark);
    border-color: var(--ai-purple-dark);
}


/* Meta Information */

.ai-case-info {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 10px;

    padding: 12px;

    background: #faf9fc;

    border: 1px solid var(--ai-border);
    border-radius: 16px;

    margin-bottom: 20px;
}

.ai-info-item {
    padding: 8px 14px;

    border-left:
        1px solid var(--ai-border);
}

.ai-info-item:last-child {
    border-left: 0;
}

.ai-info-item span {
    display: block;

    color: #918b99;

    font-size: 11px;

    margin-bottom: 3px;
}

.ai-info-item strong {
    display: block;

    color: #3e3746;

    font-size: 13px;
}


/* Pros & Cons */

.ai-pros-cons {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 14px;
}

.ai-points {
    padding: 18px 20px;

    border-radius: 17px;
}

.ai-pros {
    background: #f4fbf7;
    border: 1px solid #dcefe4;
}

.ai-cons {
    background: var(--ai-yellow-soft);
    border: 1px solid #f3e4b7;
}

.ai-points-title {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 11px;
}

.ai-points-title h4 {
    margin: 0;

    font-size: 15px;
    color: #332e38;
}

.ai-point-icon {
    width: 26px;
    height: 26px;

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

    border-radius: 8px;

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

.ai-pros .ai-point-icon {
    background: #daf1e2;
    color: #19713d;
}

.ai-cons .ai-point-icon {
    background: #ffe7a8;
    color: #956900;
}

.ai-points ul {
    list-style: none;

    padding: 0;
    margin: 0;
}

.ai-points li {
    position: relative;

    padding-right: 16px;
    margin-bottom: 7px;

    color: #625b68;

    font-size: 13px;
    line-height: 1.8;
}

.ai-points li:last-child {
    margin-bottom: 0;
}

.ai-points li::before {
    content: "";

    position: absolute;

    right: 0;
    top: 10px;

    width: 5px;
    height: 5px;

    border-radius: 50%;
}

.ai-pros li::before {
    background: #39a866;
}

.ai-cons li::before {
    background: var(--ai-yellow);
}


/* Mobile */

@media (max-width: 767px) {

    .ai-teaser-showcase {
        margin: 30px 0;
    }

    .ai-teaser-heading {
        text-align: right;
    }

    .ai-teaser-heading h2 {
        font-size: 23px;
    }

    .ai-teaser-heading p {
        font-size: 14px;
    }

    .ai-case-card {
        border-radius: 18px;
    }

    .ai-video-wrapper {
        padding: 8px;
    }

    .ai-case-video {
        border-radius: 12px;
    }

    .ai-video-badges {
        top: 18px;
        right: 18px;
    }

    .ai-case-content {
        padding: 20px 16px;
    }

    .ai-case-title {
        align-items: flex-start;
    }

    .ai-case-number {
        width: 44px;
        height: 44px;

        flex-basis: 44px;

        border-radius: 12px;
    }

    .ai-case-title h3 {
        font-size: 19px;
    }

    .ai-case-description {
        font-size: 14px;
    }

    .ai-case-info {
        grid-template-columns: 1fr;
    }

    .ai-info-item {
        border-left: 0;
        border-bottom:
            1px solid var(--ai-border);
    }

    .ai-info-item:last-child {
        border-bottom: 0;
    }

    .ai-pros-cons {
        grid-template-columns: 1fr;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6255ca9 */.pro-teaser-showcase {
    --pro-purple: #6d28d9;
    --pro-purple-dark: #4c1d95;
    --pro-purple-soft: #f5f1ff;

    --pro-yellow: #f5b82e;
    --pro-yellow-soft: #fff8e5;

    --pro-text: #26212d;
    --pro-muted: #77717d;
    --pro-border: #ece8f1;

    margin: 55px 0;
    font-family: inherit;
    color: var(--pro-text);
}


/* Heading */

.pro-teaser-heading {
    max-width: 850px;
    margin: 0 auto 28px;
    text-align: center;
}

.pro-teaser-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    padding: 7px 15px;
    margin-bottom: 12px;

    background: var(--pro-purple-soft);
    color: var(--pro-purple);

    border-radius: 100px;

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

.pro-teaser-eyebrow::before {
    content: "";

    width: 7px;
    height: 7px;

    background: var(--pro-yellow);

    border-radius: 50%;
}

.pro-teaser-heading h2 {
    margin: 0 0 9px;

    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.6;

    color: #251c31;
}

.pro-teaser-heading p {
    margin: 0;

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

    color: var(--pro-muted);
}


/* Card */

.pro-case-card {
    max-width: 1050px;
    margin: 0 auto;

    background: #fff;

    border: 1px solid var(--pro-border);
    border-radius: 24px;

    overflow: hidden;

    box-shadow:
        0 18px 60px rgba(54, 34, 79, 0.07);
}


/* Video */

.pro-video-wrapper {
    position: relative;

    padding: 14px;

    background:
        linear-gradient(
            135deg,
            #17131c,
            #30263a
        );
}

.pro-case-video {
    display: block;

    width: 100%;
    max-height: 590px;

    object-fit: contain;

    background: #000;

    border-radius: 16px;
}

.pro-video-badges {
    position: absolute;

    top: 28px;
    right: 28px;

    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pro-badge {
    padding: 7px 12px;

    border-radius: 100px;

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

    backdrop-filter: blur(10px);
}

.pro-badge-purple {
    color: #fff;

    background:
        rgba(109, 40, 217, 0.9);
}

.pro-badge-yellow {
    color: #4a3500;

    background:
        rgba(245, 184, 46, 0.94);
}


/* Content */

.pro-case-content {
    padding: 30px;
}


/* Title */

.pro-case-title {
    display: flex;
    align-items: center;

    gap: 16px;

    margin-bottom: 18px;
}

.pro-case-number {
    width: 52px;
    height: 52px;

    flex: 0 0 52px;

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

    background:
        linear-gradient(
            135deg,
            #25202c,
            #493954
        );

    border-radius: 15px;

    color: #fff;

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

    box-shadow:
        0 10px 25px rgba(37, 32, 44, 0.15);
}

.pro-case-brand {
    display: block;

    margin-bottom: 3px;

    color: var(--pro-purple);

    font-size: 12px;
    font-weight: 800;
}

.pro-case-title h3 {
    margin: 0;

    font-size: 23px;
    line-height: 1.5;

    color: #292230;
}


/* Description */

.pro-case-description {
    margin: 0 0 24px;

    font-size: 15px;
    line-height: 2.15;

    color: #524c58;
}


/* Info bar */

.pro-case-info {
    display: grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap: 10px;

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

    background: #faf9fb;

    border: 1px solid var(--pro-border);
    border-radius: 16px;
}

.pro-info-item {
    padding: 8px 14px;

    border-left:
        1px solid var(--pro-border);
}

.pro-info-item:last-child {
    border-left: none;
}

.pro-info-item span {
    display: block;

    margin-bottom: 3px;

    color: #96909c;

    font-size: 11px;
}

.pro-info-item strong {
    display: block;

    color: #403944;

    font-size: 13px;
}


/* Feature section */

.pro-features {
    padding: 20px;

    background:
        linear-gradient(
            135deg,
            #faf8ff,
            #fffdf8
        );

    border: 1px solid #ebe4f4;
    border-radius: 18px;
}

.pro-features-head {
    display: flex;
    align-items: center;

    gap: 11px;

    margin-bottom: 17px;
}

.pro-feature-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

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

    background: var(--pro-purple);

    color: #fff;

    border-radius: 12px;

    font-size: 17px;
}

.pro-features-head div > span {
    display: block;

    margin-bottom: 2px;

    color: var(--pro-purple);

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

.pro-features-head strong {
    display: block;

    color: #322b37;

    font-size: 15px;
}


/* Feature grid */

.pro-features-grid {
    display: grid;

    grid-template-columns:
        repeat(2, 1fr);

    gap: 10px;
}

.pro-feature-item {
    display: flex;
    align-items: flex-start;

    gap: 10px;

    padding: 14px;

    background: rgba(255,255,255,0.8);

    border: 1px solid #eee9f2;
    border-radius: 13px;
}

.pro-check {
    width: 26px;
    height: 26px;

    flex: 0 0 26px;

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

    background: #ede5ff;
    color: var(--pro-purple);

    border-radius: 8px;

    font-size: 12px;
    font-weight: 900;
}

.pro-feature-item strong {
    display: block;

    margin-bottom: 3px;

    font-size: 13px;

    color: #3e3744;
}

.pro-feature-item div > span {
    display: block;

    font-size: 12px;
    line-height: 1.7;

    color: #817a85;
}


/* Responsive */

@media (max-width: 767px) {

    .pro-teaser-showcase {
        margin: 35px 0;
    }

    .pro-teaser-heading {
        text-align: right;
    }

    .pro-teaser-heading h2 {
        font-size: 23px;
    }

    .pro-teaser-heading p {
        font-size: 14px;
    }

    .pro-case-card {
        border-radius: 18px;
    }

    .pro-video-wrapper {
        padding: 8px;
    }

    .pro-case-video {
        border-radius: 12px;
    }

    .pro-video-badges {
        top: 18px;
        right: 18px;
    }

    .pro-case-content {
        padding: 20px 16px;
    }

    .pro-case-number {
        width: 44px;
        height: 44px;

        flex-basis: 44px;

        border-radius: 12px;
    }

    .pro-case-title {
        align-items: flex-start;
    }

    .pro-case-title h3 {
        font-size: 19px;
    }

    .pro-case-description {
        font-size: 14px;
    }

    .pro-case-info {
        grid-template-columns: 1fr;
    }

    .pro-info-item {
        border-left: 0;

        border-bottom:
            1px solid var(--pro-border);
    }

    .pro-info-item:last-child {
        border-bottom: 0;
    }

    .pro-features-grid {
        grid-template-columns: 1fr;
    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9294341 */.resanato-showcase {
    max-width: 1180px;
    margin: 0 auto;
    padding: 5px 28px;
    position: relative;

    border-radius: 34px;

    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(109, 53, 188, 0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 92% 88%,
            rgba(255, 201, 40, 0.10),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcfaff 55%,
            #ffffff 100%
        );

    box-shadow:
        inset 0 0 0 1px rgba(109, 53, 188, 0.05);
}


/* خط تزئینی */
.resanato-showcase::before {
    content: "";
    display: block;

    width: 72px;
    height: 5px;

    margin: 0 auto 30px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            #6d35bc 0%,
            #8d5bdd 45%,
            #ffc928 100%
        );

    box-shadow:
        0 4px 14px rgba(109, 53, 188, 0.18);
}


/* Video Card */
.resanato-video {
    position: relative;
    overflow: hidden;

    background: #fff;

    border-radius: 24px;

    border:
        1px solid rgba(109, 53, 188, 0.12);

    box-shadow:
        0 14px 35px rgba(73, 35, 120, 0.08),
        0 3px 10px rgba(0, 0, 0, 0.025);

    transition:
        transform .35s cubic-bezier(.22, .61, .36, 1),
        box-shadow .35s ease,
        border-color .35s ease;
}


/* خیلی ظریف روی خود کارت */
.resanato-video::after {
    content: "";
    position: absolute;
    inset: 0;

    pointer-events: none;

    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.12),
            transparent 28%,
            transparent 72%,
            rgba(109,53,188,.035)
        );

    z-index: 2;
}


.resanato-video:hover {
    transform: translateY(-7px);

    border-color:
        rgba(109, 53, 188, 0.24);

    box-shadow:
        0 24px 55px rgba(73, 35, 120, 0.14),
        0 5px 16px rgba(0, 0, 0, 0.035);
}


/* Landscape */
.resanato-video--wide {
    width: 100%;
    aspect-ratio: 16 / 9;

    margin-bottom: 30px;

    border-radius: 28px;

    box-shadow:
        0 20px 50px rgba(73, 35, 120, 0.11),
        0 4px 14px rgba(0, 0, 0, 0.03);
}


/* Portrait grid */
.resanato-video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 24px;

    position: relative;
}


/* اختلاف خیلی کم برای جلوگیری از حالت خشک */
.resanato-video--portrait {
    aspect-ratio: 9 / 16;
}


.resanato-video--portrait:nth-child(2) {
    transform: translateY(-8px);
}


.resanato-video--portrait:nth-child(2):hover {
    transform: translateY(-15px);
}


/* Video */
.resanato-video video {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    border-radius: inherit;

    transition:
        transform .55s cubic-bezier(.22, .61, .36, 1),
        filter .35s ease;
}


/* زوم خیلی خیلی کم */
.resanato-video:hover video {
    transform: scale(1.015);
}


/* Tablet */
@media (max-width: 850px) {

    .resanato-showcase {
        padding: 42px 20px;
        border-radius: 26px;
    }

    .resanato-video-grid {
        gap: 16px;
    }

    .resanato-video {
        border-radius: 19px;
    }

    .resanato-video--wide {
        border-radius: 22px;
    }

}


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

    .resanato-showcase {
        padding: 32px 15px;
        border-radius: 22px;
    }

    .resanato-showcase::before {
        width: 58px;
        margin-bottom: 22px;
    }

    .resanato-video--wide {
        margin-bottom: 18px;
    }

    .resanato-video-grid {
        display: flex;

        overflow-x: auto;

        gap: 14px;

        scroll-snap-type: x mandatory;

        padding:
            5px 4px
            15px;

        scrollbar-width: none;
    }

    .resanato-video-grid::-webkit-scrollbar {
        display: none;
    }

    .resanato-video--portrait {
        flex: 0 0 78%;

        scroll-snap-align: center;
    }

    .resanato-video--portrait:nth-child(2),
    .resanato-video--portrait:nth-child(2):hover {
        transform: none;
    }

    .resanato-video:hover {
        transform: none;
    }

}/* End custom CSS */