.elementor-908 .elementor-element.elementor-element-bf088ee{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-908 .elementor-element.elementor-element-bf088ee:not(.elementor-motion-effects-element-type-background), .elementor-908 .elementor-element.elementor-element-bf088ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020C1F;}.elementor-908 .elementor-element.elementor-element-d9936c5{--display:flex;}.elementor-908 .elementor-element.elementor-element-d9936c5:not(.elementor-motion-effects-element-type-background), .elementor-908 .elementor-element.elementor-element-d9936c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020C1F;}@media(max-width:767px){.elementor-908 .elementor-element.elementor-element-d9936c5{--width:100%;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-908 .elementor-element.elementor-element-bf088ee{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-58d9c5f *//* =========================================
   ابزارک HTML
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

    z-index: 1;
}

/* =========================================
   ظرف داخلی ابزارک
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f > .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;
}

/* =========================================
   فضای اصلی
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage {
    --asia-green: #00E676;

    --asia-logo-size: clamp(
        175px,
        19vw,
        255px
    );

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    isolation: isolate;

    background: transparent;
}

/* =========================================
   پارتیکل
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-particles {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    pointer-events: none;

    z-index: 1;
}

/* =========================================
   مجموعه باتری
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 112px;
    height: 54px;

    display: flex;

    align-items: center;

    opacity: 0;

    transform:
        translate(-50%, -50%)
        scale(.78);

    animation:
        asiaLuxBatterySequence
        3.05s
        cubic-bezier(.22, .61, .36, 1)
        .12s
        both;

    pointer-events: none;

    z-index: 6;
}

/* =========================================
   هاله پشت باتری
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-aura {
    position: absolute;

    top: 50%;
    left: 47%;

    width: 140px;
    height: 100px;

    border-radius: 50%;

    background: radial-gradient(
        ellipse,

        rgba(0, 230, 118, .16) 0%,

        rgba(0, 230, 118, .07) 38%,

        transparent 72%
    );

    filter: blur(14px);

    opacity: 0;

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

    animation:
        asiaLuxBatteryAura
        2.4s
        ease
        .45s
        both;
}

/* =========================================
   بدنه اصلی باتری
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-body {
    position: relative;

    width: 100px;
    height: 48px;

    overflow: hidden;

    border:
        1.5px solid
        rgba(0, 230, 118, .76);

    border-radius: 10px;

    background:
        rgba(2, 12, 31, .65);

    box-shadow:

        0 0 12px
        rgba(0, 230, 118, .15),

        inset 0 0 11px
        rgba(0, 230, 118, .05);
}

/* =========================================
   سر باتری
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-terminal {
    position: absolute;

    top: 50%;
    right: -1px;

    width: 7px;
    height: 17px;

    border:
        1.5px solid
        rgba(0, 230, 118, .76);

    border-left: 0;

    border-radius:
        0 4px 4px 0;

    background:
        rgba(0, 230, 118, .11);

    transform:
        translateY(-50%);

    box-shadow:
        0 0 7px
        rgba(0, 230, 118, .16);
}

/* =========================================
   سبزشدن و پرشدن باتری
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-fill {
    position: absolute;

    top: 4px;
    bottom: 4px;
    left: 4px;

    width: calc(
        100% - 8px
    );

    border-radius: 6px;

    background: linear-gradient(
        90deg,

        rgba(0, 230, 118, .24) 0%,

        rgba(0, 230, 118, .55) 45%,

        rgba(64, 255, 163, .93) 100%
    );

    box-shadow:

        inset 0 0 13px
        rgba(255, 255, 255, .13),

        0 0 13px
        rgba(0, 230, 118, .25);

    transform: scaleX(0);

    transform-origin:
        left center;

    animation:
        asiaLuxBatteryFill
        1.9s
        cubic-bezier(.3, .06, .2, 1)
        .52s
        both;
}

/* =========================================
   خط براق روی شارژ باتری
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-shine {
    position: absolute;

    top: 4px;
    bottom: 4px;
    left: 4px;

    width: 13px;

    border-radius: 7px;

    background: linear-gradient(
        90deg,

        transparent,

        rgba(206, 255, 229, .86),

        transparent
    );

    filter: blur(1px);

    opacity: 0;

    animation:
        asiaLuxBatteryShine
        1.9s
        cubic-bezier(.3, .06, .2, 1)
        .52s
        both;
}

/* =========================================
   علامت برق
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-bolt {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 20px;
    height: 20px;

    display: flex;

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

    color:
        rgba(233, 255, 243, .95);

    opacity: 0;

    transform:
        translate(-50%, -50%)
        scale(.65);

    animation:
        asiaLuxBatteryBolt
        1.15s
        ease
        1.15s
        both;

    z-index: 2;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-bolt svg {
    display: block;

    width: 100%;
    height: 100%;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0, 230, 118, .75)
        );
}

/* =========================================
   مرکز انرژی
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 240px;
    height: 240px;

    display: grid;

    place-items: center;

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

    pointer-events: none;

    z-index: 4;
}

/* =========================================
   هاله انرژی
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy-aura {
    position: absolute;

    width: 105px;
    height: 105px;

    border-radius: 50%;

    background: radial-gradient(
        circle,

        rgba(0, 230, 118, .22) 0%,

        rgba(0, 230, 118, .10) 32%,

        rgba(0, 230, 118, .025) 57%,

        transparent 75%
    );

    opacity: 0;

    transform: scale(.22);

    animation:
        asiaLuxEnergyAura
        2.2s
        ease
        2.35s
        both;
}

/* =========================================
   نقطه انرژی
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy-core {
    position: absolute;

    width: 11px;
    height: 11px;

    border-radius: 50%;

    background: #00E676;

    box-shadow:

        0 0 8px
        rgba(0, 230, 118, .95),

        0 0 18px
        rgba(0, 230, 118, .72),

        0 0 38px
        rgba(0, 230, 118, .36);

    opacity: 0;

    transform: scale(.12);

    animation:
        asiaLuxEnergyCore
        1.7s
        cubic-bezier(.22, .61, .36, 1)
        2.5s
        both;
}

/* =========================================
   موج‌ها
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy-wave {
    position: absolute;

    width: 22px;
    height: 22px;

    border:
        1px solid
        rgba(0, 230, 118, .78);

    border-radius: 50%;

    box-shadow:

        0 0 10px
        rgba(0, 230, 118, .34),

        inset 0 0 8px
        rgba(0, 230, 118, .14);

    opacity: 0;

    transform: scale(.18);
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy-wave-one {
    animation:
        asiaLuxEnergyWave
        1.65s
        cubic-bezier(.18, .65, .25, 1)
        2.65s
        both;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy-wave-two {
    animation:
        asiaLuxEnergyWave
        1.9s
        cubic-bezier(.18, .65, .25, 1)
        2.95s
        both;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy-wave-three {
    animation:
        asiaLuxEnergyWaveLarge
        2.15s
        cubic-bezier(.18, .65, .25, 1)
        3.25s
        both;
}

/* =========================================
   جایگاه لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo {
    position: absolute;

    top: 50%;
    left: 50%;

    width: var(
        --asia-logo-size
    );

    height: var(
        --asia-logo-size
    );

    display: grid;

    place-items: center;

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

    cursor: pointer;

    z-index: 5;
}

/* =========================================
   هاله لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-aura {
    position: absolute;

    inset: 7%;

    border-radius: 50%;

    background: radial-gradient(
        circle,

        rgba(0, 230, 118, .17) 0%,

        rgba(0, 230, 118, .085) 35%,

        rgba(0, 230, 118, .025) 58%,

        transparent 76%
    );

    filter: blur(13px);

    opacity: 0;

    transform: scale(.35);

    animation:
        asiaLuxLogoAuraEnter
        1.65s
        ease
        3.5s
        both;

    pointer-events: none;
}

/* =========================================
   حلقه‌های لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-ring {
    position: absolute;

    border-radius: 50%;

    opacity: 0;

    pointer-events: none;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-ring-inner {
    inset: 5%;

    border:
        1px solid
        rgba(0, 230, 118, .28);

    box-shadow:

        0 0 16px
        rgba(0, 230, 118, .08),

        inset 0 0 15px
        rgba(0, 230, 118, .04);

    animation:
        asiaLuxInnerRingEnter
        1.2s
        cubic-bezier(.22, .61, .36, 1)
        4.25s
        both;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-ring-outer {
    inset: -7%;

    border:
        1px solid
        rgba(0, 230, 118, .13);

    animation:
        asiaLuxOuterRingEnter
        1.45s
        cubic-bezier(.22, .61, .36, 1)
        4.55s
        both;
}

/* =========================================
   مدار نورانی
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-orbit {
    position: absolute;

    inset: -8%;

    border-radius: 50%;

    opacity: 0;

    pointer-events: none;

    animation:
        asiaLuxOrbitAppear
        .7s
        ease
        5.2s
        both;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-orbit::before {
    content: "";

    position: absolute;

    inset: 0;

    border-radius: 50%;

    background: conic-gradient(
        from 0deg,

        transparent 0deg,

        transparent 318deg,

        rgba(0, 230, 118, .08) 329deg,

        rgba(0, 230, 118, .48) 342deg,

        #00E676 350deg,

        rgba(0, 230, 118, .40) 356deg,

        transparent 360deg
    );

    -webkit-mask: radial-gradient(
        farthest-side,

        transparent calc(100% - 4px),

        #000 calc(100% - 3px)
    );

    mask: radial-gradient(
        farthest-side,

        transparent calc(100% - 4px),

        #000 calc(100% - 3px)
    );

    filter:

        drop-shadow(
            0 0 3px
            rgba(0, 230, 118, .78)
        )

        drop-shadow(
            0 0 7px
            rgba(0, 230, 118, .30)
        );

    animation:
        asiaLuxOrbitRotate
        4.6s
        linear
        infinite;
}

/* =========================================
   تصویر لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-image {
    position: relative;

    display: block;

    width: 78%;
    height: 78%;

    object-fit: contain;

    object-position: center;

    opacity: 0;

    transform:
        scale(.035)
        rotate(-10deg);

    filter:

        blur(6px)

        drop-shadow(
            0 10px 22px
            rgba(0, 0, 0, .38)
        );

    animation:
        asiaLuxLogoReveal
        2.15s
        cubic-bezier(.18, .72, .22, 1)
        3.35s
        both;

    user-select: none;

    pointer-events: none;

    z-index: 2;
}

/* =========================================
   واکنش لوگو به موس
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo:hover
.asia-lux-logo-aura {
    filter: blur(17px);

    background: radial-gradient(
        circle,

        rgba(0, 230, 118, .26) 0%,

        rgba(0, 230, 118, .12) 36%,

        rgba(0, 230, 118, .035) 58%,

        transparent 76%
    );
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo:hover
.asia-lux-logo-ring-inner {
    border-color:
        rgba(0, 230, 118, .48);

    box-shadow:

        0 0 22px
        rgba(0, 230, 118, .16),

        inset 0 0 18px
        rgba(0, 230, 118, .07);
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo:hover
.asia-lux-logo-orbit::before {
    animation-duration: 2.8s;
}

/* =========================================
   ورود و خروج باتری
========================================= */

@keyframes asiaLuxBatterySequence {

    0% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(.78);
    }

    15% {
        opacity: 1;

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

    73% {
        opacity: 1;

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

    84% {
        opacity: 1;

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

    100% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(.30);
    }

}

/* =========================================
   هاله باتری
========================================= */

@keyframes asiaLuxBatteryAura {

    0% {
        opacity: 0;
    }

    55% {
        opacity: .55;
    }

    83% {
        opacity: 1;
    }

    100% {
        opacity: .35;
    }

}

/* =========================================
   پر شدن باتری
========================================= */

@keyframes asiaLuxBatteryFill {

    0% {
        transform: scaleX(.035);
    }

    18% {
        transform: scaleX(.16);
    }

    55% {
        transform: scaleX(.60);
    }

    82% {
        transform: scaleX(.88);
    }

    100% {
        transform: scaleX(1);
    }

}

/* =========================================
   حرکت خط نور روی شارژ
========================================= */

@keyframes asiaLuxBatteryShine {

    0% {
        opacity: 0;

        transform: translateX(0);
    }

    10% {
        opacity: .85;
    }

    90% {
        opacity: .9;
    }

    100% {
        opacity: 0;

        transform: translateX(78px);
    }

}

/* =========================================
   ظاهرشدن علامت برق
========================================= */

@keyframes asiaLuxBatteryBolt {

    0% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(.65);
    }

    55% {
        opacity: 1;

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

    100% {
        opacity: 1;

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

}

/* =========================================
   نقطه نورانی پس از شارژ
========================================= */

@keyframes asiaLuxEnergyCore {

    0% {
        opacity: 0;

        transform: scale(.12);
    }

    24% {
        opacity: 1;

        transform: scale(1.15);
    }

    46% {
        opacity: .76;

        transform: scale(.8);
    }

    68% {
        opacity: 1;

        transform: scale(1.42);
    }

    100% {
        opacity: 0;

        transform: scale(.2);
    }

}

/* =========================================
   هاله انرژی
========================================= */

@keyframes asiaLuxEnergyAura {

    0% {
        opacity: 0;

        transform: scale(.22);
    }

    40% {
        opacity: .8;

        transform: scale(.95);
    }

    70% {
        opacity: .95;

        transform: scale(1.12);
    }

    100% {
        opacity: 0;

        transform: scale(1.38);
    }

}

/* =========================================
   موج معمولی
========================================= */

@keyframes asiaLuxEnergyWave {

    0% {
        opacity: 0;

        transform: scale(.18);
    }

    15% {
        opacity: .86;
    }

    68% {
        opacity: .34;
    }

    100% {
        opacity: 0;

        transform: scale(8.2);
    }

}

/* =========================================
   موج بزرگ
========================================= */

@keyframes asiaLuxEnergyWaveLarge {

    0% {
        opacity: 0;

        transform: scale(.18);
    }

    13% {
        opacity: .7;
    }

    72% {
        opacity: .24;
    }

    100% {
        opacity: 0;

        transform: scale(11);
    }

}

/* =========================================
   شکل‌گیری لوگو
========================================= */

@keyframes asiaLuxLogoReveal {

    0% {
        opacity: 0;

        transform:
            scale(.035)
            rotate(-10deg);

        filter:

            blur(6px)

            drop-shadow(
                0 10px 22px
                rgba(0, 0, 0, .38)
            );
    }

    25% {
        opacity: .72;
    }

    72% {
        opacity: 1;

        transform:
            scale(1.07)
            rotate(1.5deg);

        filter:

            blur(0)

            drop-shadow(
                0 10px 22px
                rgba(0, 0, 0, .38)
            )

            drop-shadow(
                0 0 12px
                rgba(0, 230, 118, .22)
            );
    }

    100% {
        opacity: 1;

        transform:
            scale(1)
            rotate(0deg);

        filter:

            blur(0)

            drop-shadow(
                0 10px 22px
                rgba(0, 0, 0, .38)
            )

            drop-shadow(
                0 0 9px
                rgba(0, 230, 118, .16)
            );
    }

}

/* =========================================
   هاله لوگو
========================================= */

@keyframes asiaLuxLogoAuraEnter {

    0% {
        opacity: 0;

        transform: scale(.35);
    }

    70% {
        opacity: .95;

        transform: scale(1.08);
    }

    100% {
        opacity: .78;

        transform: scale(1);
    }

}

/* =========================================
   حلقه داخلی لوگو
========================================= */

@keyframes asiaLuxInnerRingEnter {

    0% {
        opacity: 0;

        transform: scale(.58);
    }

    72% {
        opacity: 1;

        transform: scale(1.035);
    }

    100% {
        opacity: 1;

        transform: scale(1);
    }

}

/* =========================================
   حلقه خارجی لوگو
========================================= */

@keyframes asiaLuxOuterRingEnter {

    0% {
        opacity: 0;

        transform: scale(.72);
    }

    75% {
        opacity: .88;

        transform: scale(1.035);
    }

    100% {
        opacity: .8;

        transform: scale(1);
    }

}

/* =========================================
   نمایش نور روی مدار
========================================= */

@keyframes asiaLuxOrbitAppear {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

/* =========================================
   چرخش نور مدار
========================================= */

@keyframes asiaLuxOrbitRotate {

    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }

}

/* =========================================
   موبایل
========================================= */

@media (max-width: 767px) {

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage {

        --asia-logo-size: clamp(
            145px,
            42vw,
            190px
        );

    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery {
        width: 98px;
        height: 48px;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-body {
        width: 87px;
        height: 42px;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-terminal {
        height: 15px;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery-bolt {
        width: 18px;
        height: 18px;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy {
        width: 190px;
        height: 190px;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy-aura {
        width: 85px;
        height: 85px;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy-core {
        width: 9px;
        height: 9px;
    }

}

/* =========================================
   نمایش سبک و ثابت داخل ادیتور
========================================= */

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage.is-editor
.asia-lux-battery,

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage.is-editor
.asia-lux-energy {
    display: none;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage.is-editor
.asia-lux-logo-image {
    opacity: 1;

    transform:
        scale(1)
        rotate(0deg);

    filter:

        drop-shadow(
            0 10px 22px
            rgba(0, 0, 0, .38)
        )

        drop-shadow(
            0 0 9px
            rgba(0, 230, 118, .16)
        );

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage.is-editor
.asia-lux-logo-aura {
    opacity: .78;

    transform: scale(1);

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage.is-editor
.asia-lux-logo-ring-inner {
    opacity: 1;

    transform: scale(1);

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage.is-editor
.asia-lux-logo-ring-outer {
    opacity: .8;

    transform: scale(1);

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage.is-editor
.asia-lux-logo-orbit {
    opacity: 1;

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-stage.is-editor
.asia-lux-logo-orbit::before {
    animation: none;
}

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

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

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-battery,

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-energy {
        display: none;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-image {
        opacity: 1;

        transform:
            scale(1)
            rotate(0deg);

        filter:

            drop-shadow(
                0 10px 22px
                rgba(0, 0, 0, .38)
            )

            drop-shadow(
                0 0 9px
                rgba(0, 230, 118, .16)
            );

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-aura {
        opacity: .78;

        transform: scale(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-ring-inner {
        opacity: 1;

        transform: scale(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-ring-outer {
        opacity: .8;

        transform: scale(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-orbit {
        opacity: 1;

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-58d9c5f .asia-lux-logo-orbit::before {
        animation: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-634b5c0 *//* =========================================
   ابزارک مسیرهای اتصال — نسخه دسکتاپ
   شبکه شش‌تایی با افکت انتقال شارژ
========================================= */

.elementor-908 .elementor-element.elementor-element-634b5c0 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

    pointer-events: none;

    z-index: 2;
}

.elementor-908 .elementor-element.elementor-element-634b5c0 > .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    pointer-events: none;
}

/* فضای شبکه */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-network {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    pointer-events: none;
}

/* SVG هم‌اندازه صفحه */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-network-svg {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    overflow: visible;

    pointer-events: none;
}

/* پیش از محاسبه مسیرها مخفی باشند */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-network:not(.is-ready)
.asia-lux-circuit {
    visibility: hidden;
}

/* تمام اجزای مسیر */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit {
    pointer-events: none;
}

/* هاله زیر مسیر */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-shadow {
    fill: none;

    stroke:
        rgba(0, 230, 118, .13);

    stroke-width: 6;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: 100;
    stroke-dashoffset: 100;

    filter:
        url(#asiaLuxLineGlow);

    vector-effect:
        non-scaling-stroke;

    animation:
        asiaLuxCircuitDraw
        1.55s
        cubic-bezier(.22, .61, .36, 1)
        var(--circuit-delay)
        both;

    transition:
        stroke .35s ease,
        stroke-width .35s ease,
        opacity .35s ease;
}

/* خط اصلی مسیر */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-line {
    fill: none;

    stroke:
        rgba(0, 230, 118, .56);

    stroke-width: 1.35;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: 100;
    stroke-dashoffset: 100;

    vector-effect:
        non-scaling-stroke;

    animation:
        asiaLuxCircuitDraw
        1.55s
        cubic-bezier(.22, .61, .36, 1)
        var(--circuit-delay)
        both;

    transition:
        stroke .35s ease,
        stroke-width .35s ease,
        opacity .35s ease;
}

/* انرژی متحرک روی مسیر */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-energy {
    fill: none;

    stroke: #8CFFBE;

    stroke-width: 3;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray:
        0 100;

    stroke-dashoffset: 100;

    opacity: 0;

    filter:
        url(#asiaLuxEnergyGlow);

    vector-effect:
        non-scaling-stroke;

    pointer-events: none;
}

/* زمان‌بندی مسیر آموزش */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-training {
    --circuit-delay: 5.65s;
    --node-delay: 6.95s;
}

/* زمان‌بندی مسیر فروش خودرو */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-sales {
    --circuit-delay: 5.88s;
    --node-delay: 7.18s;
}

/* زمان‌بندی مسیر امور نمایندگان */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-agents {
    --circuit-delay: 6.11s;
    --node-delay: 7.41s;
}

/* زمان‌بندی مسیر خدمات */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-services {
    --circuit-delay: 6.34s;
    --node-delay: 7.64s;
}

/* زمان‌بندی مسیر شارژرها */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-chargers {
    --circuit-delay: 6.57s;
    --node-delay: 7.87s;
}

/* زمان‌بندی مسیر پنل خورشیدی */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-solar {
    --circuit-delay: 6.80s;
    --node-delay: 8.10s;
}

/* نقاط شکست مدار */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-junction {
    fill: #00E676;

    opacity: 0;

    transform-box: fill-box;
    transform-origin: center;

    filter:
        url(#asiaLuxNodeGlow);

    animation:
        asiaLuxCircuitNode
        .55s
        cubic-bezier(.22, 1, .36, 1)
        var(--node-delay)
        both;

    transition:
        fill .3s ease,
        opacity .3s ease,
        transform .3s ease;
}

/* نقطه انتهای مسیر کنار کارت */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-end {
    fill: #071B1B;

    stroke: #00E676;
    stroke-width: 1.5;

    opacity: 0;

    transform-box: fill-box;
    transform-origin: center;

    filter:
        url(#asiaLuxNodeGlow);

    animation:
        asiaLuxCircuitNode
        .6s
        cubic-bezier(.22, 1, .36, 1)
        var(--node-delay)
        both,

        asiaLuxCircuitEndBreath
        2.3s
        ease-in-out
        calc(var(--node-delay) + .6s)
        infinite;

    transition:
        fill .3s ease,
        stroke .3s ease,
        opacity .3s ease;
}

/* =========================================
   حالت شارژ در زمان هاور کارت
========================================= */

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit.is-charging
.asia-lux-circuit-shadow {
    stroke:
        rgba(0, 230, 118, .34);

    stroke-width: 9;
}

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit.is-charging
.asia-lux-circuit-line {
    stroke: #00E676;

    stroke-width: 2;

    opacity: 1;
}

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit.is-charging
.asia-lux-circuit-energy {
    opacity: 1;

    animation:
        asiaLuxEnergyTravel
        1.05s
        linear
        infinite;
}

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit.is-charging
.asia-lux-circuit-junction {
    fill: #B6FFD4;

    opacity: 1;

    transform: scale(1.35);
}

.elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit.is-charging
.asia-lux-circuit-end {
    fill: #00E676;

    stroke: #B9FFD6;

    opacity: 1;

    animation:
        asiaLuxCircuitEndCharged
        .68s
        ease-in-out
        infinite alternate;
}

/* رسم اولیه مسیر */

@keyframes asiaLuxCircuitDraw {

    0% {
        stroke-dashoffset: 100;
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    100% {
        stroke-dashoffset: 0;
        opacity: 1;
    }

}

/* حرکت شارژ از لوگو به کارت */

@keyframes asiaLuxEnergyTravel {

    0% {
        stroke-dasharray:
            0 100;

        stroke-dashoffset: 100;

        opacity: 0;
    }

    12% {
        stroke-dasharray:
            7 93;

        opacity: 1;
    }

    55% {
        stroke-dasharray:
            13 87;

        opacity: 1;
    }

    88% {
        stroke-dasharray:
            7 93;

        opacity: 1;
    }

    100% {
        stroke-dasharray:
            0 100;

        stroke-dashoffset: 0;

        opacity: 0;
    }

}

/* روشن‌شدن نقاط مسیر */

@keyframes asiaLuxCircuitNode {

    0% {
        opacity: 0;

        transform: scale(.1);
    }

    70% {
        opacity: 1;

        transform: scale(1.5);
    }

    100% {
        opacity: 1;

        transform: scale(1);
    }

}

/* تنفس نقطه انتهایی */

@keyframes asiaLuxCircuitEndBreath {

    0%,
    100% {
        opacity: .65;

        transform: scale(.88);
    }

    50% {
        opacity: 1;

        transform: scale(1.35);
    }

}

/* حالت نقطه انتهایی هنگام دریافت شارژ */

@keyframes asiaLuxCircuitEndCharged {

    from {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.65);
    }

}

/* نمایشگرهای متوسط */

@media (max-width: 1180px) and (min-width: 768px) {

    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-shadow {
        stroke-width: 5;
    }

    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-line {
        stroke-width: 1.2;
    }

    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit.is-charging
    .asia-lux-circuit-shadow {
        stroke-width: 7;
    }

}

/* مسیرهای این ویجت فقط برای دسکتاپ هستند */

@media (max-width: 767px) {

    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-network {
        display: none;
    }

}

/* نمایش مستقیم داخل ویرایشگر المنتور */

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-634b5c0
.asia-lux-network {
    visibility: visible;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-634b5c0
.asia-lux-circuit-shadow,

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-634b5c0
.asia-lux-circuit-line {
    opacity: 1;

    stroke-dashoffset: 0;

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-634b5c0
.asia-lux-circuit-junction,

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-634b5c0
.asia-lux-circuit-end {
    opacity: 1;

    transform: scale(1);

    animation: none;
}

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

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

    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-shadow,
    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-line {
        opacity: 1;

        stroke-dashoffset: 0;

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-junction,
    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit-end {
        opacity: 1;

        transform: scale(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-634b5c0 .asia-lux-circuit.is-charging
    .asia-lux-circuit-energy {
        opacity: .85;

        stroke-dasharray:
            18 82;

        stroke-dashoffset: 0;

        animation: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-815ec88 *//* =========================================
   ابزارک کارت‌های صفحه اصلی — نسخه دسکتاپ
   چیدمان شش‌تایی
========================================= */

.elementor-908 .elementor-element.elementor-element-815ec88 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

    pointer-events: none;

    z-index: 3;
}

.elementor-908 .elementor-element.elementor-element-815ec88 > .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    pointer-events: none;
}

/* فضای اصلی کارت‌ها */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-cards {
    --asia-card-width: clamp(
        180px,
        16.5vw,
        252px
    );

    --asia-card-cut: 15px;

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    direction: rtl;

    font-family:
        DanaFaNum,
        Dana,
        IRANYekan,
        IRANSans,
        sans-serif;

    pointer-events: none;
}

/* کارت */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card {
    position: absolute;

    display: block;

    width: var(--asia-card-width);
    height: auto;

    aspect-ratio: 16 / 10;

    opacity: 0;

    transform:
        translate(
            calc(-50% + var(--enter-x)),
            calc(-50% + var(--enter-y))
        )
        scale(.88);

    animation:
        asiaLuxCardReveal
        1s
        cubic-bezier(.2, .72, .18, 1)
        var(--card-delay)
        both;

    color: inherit;
    text-decoration: none;

    -webkit-tap-highlight-color: transparent;

    pointer-events: auto;

    z-index: 1;
}

/* قاب کارت */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-frame {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, .14);

    border-radius: 15px;

    background: #071326;

    clip-path: polygon(
        0 0,
        calc(100% - var(--asia-card-cut)) 0,
        100% var(--asia-card-cut),
        100% 100%,
        var(--asia-card-cut) 100%,
        0 calc(100% - var(--asia-card-cut))
    );

    box-shadow:
        0 15px 38px
        rgba(0, 0, 0, .32);

    transform:
        rotate(var(--card-angle));

    transform-origin: center;

    transition:
        transform .45s
        cubic-bezier(.22, 1, .36, 1),

        border-color .35s ease,

        box-shadow .35s ease;
}

/* تصویر کارت */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-image {
    position: absolute;
    inset: 0;

    display: flex;

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

    width: 100%;
    height: 100%;

    overflow: hidden;

    background: #071326;
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-image img {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    transform: none;

    transition:
        transform .65s
        cubic-bezier(.22, 1, .36, 1),

        filter .45s ease;

    user-select: none;

    pointer-events: none;
}

/* سایه روی تصویر */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-overlay {
    position: absolute;
    inset: 0;

    display: block;

    background: linear-gradient(
        0deg,

        rgba(2, 9, 20, .93) 0%,

        rgba(2, 9, 20, .61) 27%,

        rgba(2, 9, 20, .16) 52%,

        transparent 74%
    );

    transition:
        background .4s ease;

    pointer-events: none;

    z-index: 1;
}

/* خط سبز بالای کارت */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-accent {
    position: absolute;

    top: 0;
    right: 18px;

    width: 48px;
    height: 2px;

    display: block;

    background: linear-gradient(
        90deg,

        transparent,

        rgba(0, 230, 118, .95),

        rgba(0, 230, 118, .32)
    );

    box-shadow:
        0 0 8px
        rgba(0, 230, 118, .28);

    opacity: .76;

    transition:
        width .35s ease,
        opacity .35s ease,
        box-shadow .35s ease;

    pointer-events: none;

    z-index: 3;
}

/* محتوای کارت */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-content {
    position: absolute;

    right: 16px;
    bottom: 14px;
    left: 48px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 2px;

    direction: rtl;
    text-align: right;

    pointer-events: none;

    z-index: 3;
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-label {
    display: block;

    color:
        rgba(144, 255, 197, .86);

    font-size: clamp(
        9px,
        .72vw,
        11px
    );

    font-weight: 500;

    line-height: 1.5;
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-title {
    display: block;

    width: 100%;

    overflow: hidden;

    color: #FFFFFF;

    font-size: clamp(
        16px,
        1.28vw,
        21px
    );

    font-weight: 750;

    line-height: 1.4;

    text-overflow: ellipsis;
    white-space: nowrap;

    text-shadow:
        0 2px 10px
        rgba(0, 0, 0, .4);
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-description {
    display: block;

    width: 100%;

    overflow: hidden;

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

    font-size: clamp(
        9px,
        .72vw,
        11px
    );

    font-weight: 400;

    line-height: 1.6;

    text-overflow: ellipsis;
    white-space: nowrap;
}

/* فلش */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-arrow {
    position: absolute;

    bottom: 14px;
    left: 13px;

    width: 30px;
    height: 30px;

    display: flex;

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

    border:
        1px solid
        rgba(255, 255, 255, .19);

    border-radius: 50%;

    background:
        rgba(2, 12, 25, .48);

    color: #FFFFFF;

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

    pointer-events: none;

    z-index: 3;
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-arrow svg {
    display: block;

    width: 15px;
    height: 15px;
}

/* =========================================
   موقعیت شش کارت روی مدار
========================================= */

/* بالا سمت چپ: آموزش */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-training {
    top: 19%;
    left: 32%;

    --enter-x: 18px;
    --enter-y: 22px;

    --card-angle: -2deg;
    --card-delay: 7.05s;
}

/* بالا سمت راست: فروش خودرو */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales {
    top: 19%;
    left: 68%;

    --enter-x: -18px;
    --enter-y: 22px;

    --card-angle: 2deg;
    --card-delay: 7.28s;
}

/* میانه سمت چپ: امور نمایندگان */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-agents {
    top: 47%;
    left: 16%;

    --enter-x: 26px;
    --enter-y: 0px;

    --card-angle: 2.4deg;
    --card-delay: 7.51s;
}

/* میانه سمت راست: خدمات باتری */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-services {
    top: 47%;
    left: 84%;

    --enter-x: -26px;
    --enter-y: 0px;

    --card-angle: -2.4deg;
    --card-delay: 7.74s;
}

/* پایین سمت چپ: شارژرها */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-chargers {
    top: 75%;
    left: 32%;

    --enter-x: 18px;
    --enter-y: -18px;

    --card-angle: -2deg;
    --card-delay: 7.97s;
}

/* پایین سمت راست: پنل خورشیدی */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-solar {
    top: 75%;
    left: 68%;

    --enter-x: -18px;
    --enter-y: -18px;

    --card-angle: 2deg;
    --card-delay: 8.20s;
}

/* =========================================
   هاور کارت‌ها
========================================= */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:hover,
.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:focus-visible {
    z-index: 5;

    outline: none;
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:hover
.asia-lux-card-frame,

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:focus-visible
.asia-lux-card-frame {
    transform:
        rotate(0deg)
        translateY(-3px)
        scale(1.06);

    border-color:
        rgba(0, 230, 118, .82);

    box-shadow:
        0 24px 52px
        rgba(0, 0, 0, .42),

        0 0 22px
        rgba(0, 230, 118, .18),

        inset 0 0 20px
        rgba(0, 230, 118, .035);
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:hover
.asia-lux-card-image img,

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:focus-visible
.asia-lux-card-image img {
    transform: scale(1.04);

    filter:
        saturate(1.06)
        brightness(1.04);
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:hover
.asia-lux-card-overlay,

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:focus-visible
.asia-lux-card-overlay {
    background: linear-gradient(
        0deg,

        rgba(2, 9, 20, .94) 0%,

        rgba(2, 9, 20, .55) 29%,

        rgba(2, 9, 20, .10) 55%,

        transparent 76%
    );
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:hover
.asia-lux-card-accent,

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:focus-visible
.asia-lux-card-accent {
    width: 92px;

    opacity: 1;

    box-shadow:
        0 0 12px
        rgba(0, 230, 118, .5);
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:hover
.asia-lux-card-arrow,

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card:focus-visible
.asia-lux-card-arrow {
    border-color: #00E676;

    background: #00E676;

    color: #06101A;

    transform:
        translate(-2px, -2px);

    box-shadow:
        0 0 14px
        rgba(0, 230, 118, .28);
}

/* عنوان پایین صفحه */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-page-title {
    position: absolute;

    right: 15px;
    bottom: 15px;
    left: 15px;

    margin: 0;
    padding: 0;

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

    font-family:
        DanaFaNum,
        Dana,
        IRANYekan,
        IRANSans,
        sans-serif;

    font-size: clamp(
        11px,
        1vw,
        15px
    );

    font-weight: 500;

    line-height: 1.7;

    text-align: center;

    opacity: 0;

    animation:
        asiaLuxPageTitleReveal
        .8s
        ease
        8.6s
        both;

    pointer-events: none;

    z-index: 2;
}

/* انیمیشن ورود کارت */

@keyframes asiaLuxCardReveal {

    0% {
        opacity: 0;

        transform:
            translate(
                calc(-50% + var(--enter-x)),
                calc(-50% + var(--enter-y))
            )
            scale(.88);

        filter: blur(4px);
    }

    35% {
        opacity: .82;
    }

    76% {
        opacity: 1;

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

        filter: blur(0);
    }

    100% {
        opacity: 1;

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

        filter: blur(0);
    }

}

/* انیمیشن عنوان صفحه */

@keyframes asiaLuxPageTitleReveal {

    from {
        opacity: 0;

        transform:
            translateY(5px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}

/* لپ‌تاپ‌های کم‌ارتفاع */

@media (max-height: 760px) and (min-width: 768px) {

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-cards {
        --asia-card-width: clamp(
            166px,
            15.5vw,
            224px
        );
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-training,
    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales {
        top: 18%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-agents,
    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-services {
        top: 46%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-chargers,
    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-solar {
        top: 73%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-page-title {
        bottom: 7px;
    }

}

/* تبلت افقی و نمایشگرهای متوسط */

@media (max-width: 1180px) and (min-width: 768px) {

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-cards {
        --asia-card-width: clamp(
            165px,
            19vw,
            218px
        );
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-training {
        top: 19%;
        left: 31%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales {
        top: 19%;
        left: 69%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-agents {
        top: 47%;
        left: 15%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-services {
        top: 47%;
        left: 85%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-chargers {
        top: 74%;
        left: 31%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-solar {
        top: 74%;
        left: 69%;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-title {
        font-size: clamp(
            14px,
            1.7vw,
            18px
        );
    }

}

/*
 * این کانتینر مخصوص دسکتاپ است؛
 * در موبایل، کاروسل مجزای موبایل نمایش داده می‌شود.
 */

@media (max-width: 767px) {

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-cards {
        display: none;
    }

}

/* نمایش مستقیم داخل ویرایشگر المنتور */

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-815ec88
.asia-lux-card {
    opacity: 1;

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

    filter: none;

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-815ec88
.asia-lux-page-title {
    opacity: 1;

    transform:
        translateY(0);

    animation: none;
}

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

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

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card {
        opacity: 1;

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

        filter: none;

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-page-title {
        opacity: 1;

        transform:
            translateY(0);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-frame,
    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-image img,
    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-overlay,
    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-arrow,
    .elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-accent {
        transition: none;
    }

}

/* =========================================
   کارت فروش خودرو — در حال راه‌اندازی
   نسخه دسکتاپ
========================================= */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales.is-coming-soon {
    cursor: default;
}

/* تصویر کارت با بلر بسیار ملایم */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales.is-coming-soon
.asia-lux-card-image img {
    filter:
        blur(1.4px)
        brightness(.7)
        saturate(.82);

    transform:
        scale(1.025);

    transition:
        filter .4s ease,
        transform .5s ease;
}

/* سایه ملایم‌تر روی تصویر */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales.is-coming-soon
.asia-lux-card-overlay {
    background: linear-gradient(
        0deg,

        rgba(2, 9, 20, .79) 0%,

        rgba(2, 9, 20, .4) 35%,

        rgba(2, 9, 20, .12) 62%,

        transparent 82%
    );
}

/* محتوای اصلی کارت زیر لایه وضعیت */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales.is-coming-soon
.asia-lux-card-content,

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales.is-coming-soon
.asia-lux-card-arrow,

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales.is-coming-soon
.asia-lux-card-accent {
    opacity: .22;
}

/* لایه وضعیت راه‌اندازی */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-coming-soon {
    position: absolute;
    inset: 0;

    display: flex;

    flex-direction: column;

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

    gap: 8px;

    padding: 15px 18px;

    background: linear-gradient(
        145deg,

        rgba(3, 13, 25, .16),

        rgba(3, 19, 28, .43)
    );

    backdrop-filter:
        blur(.6px);

    -webkit-backdrop-filter:
        blur(.6px);

    text-align: center;

    pointer-events: none;

    z-index: 6;
}

/* برچسب به‌زودی */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-coming-soon-badge {
    display: inline-flex;

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

    min-width: 70px;

    padding: 4px 13px;

    border:
        1px solid
        rgba(0, 230, 118, .68);

    border-radius: 50px;

    background:
        rgba(2, 18, 25, .72);

    color: #A8FFD0;

    font-size: clamp(
        10px,
        .76vw,
        12px
    );

    font-weight: 750;

    line-height: 1.5;

    box-shadow:
        0 0 15px
        rgba(0, 230, 118, .14);
}

/* مجموعه نوار پیشرفت */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-progress {
    display: flex;

    flex-direction: column;

    gap: 5px;

    width: min(
        78%,
        180px
    );
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-progress-head {
    display: flex;

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

    width: 100%;

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

    font-size: clamp(
        9px,
        .7vw,
        11px
    );

    font-weight: 500;

    line-height: 1.5;

    text-shadow:
        0 1px 7px
        rgba(0, 0, 0, .9);
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-progress-head strong {
    color: #00E676;

    font-weight: 800;
}

/* زمینه نوار پیشرفت */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-progress-track {
    position: relative;

    display: block;

    width: 100%;
    height: 5px;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, .14);

    border-radius: 20px;

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

    box-shadow:
        inset 0 1px 4px
        rgba(0, 0, 0, .32);
}

/* پیشرفت ثابت ۸۰ درصد */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-progress-fill {
    position: absolute;

    top: 0;
    right: 0;

    display: block;

    width: 80%;
    height: 100%;

    border-radius: inherit;

    background: linear-gradient(
        90deg,
        #009C4D,
        #00E676,
        #A5FFCE
    );

    box-shadow:
        0 0 12px
        rgba(0, 230, 118, .62);

    animation:
        asiaLuxProgressGlow
        1.8s
        ease-in-out
        infinite;
}

/* عنوان سرویس زیر نوار */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-coming-soon-title {
    display: block;

    max-width: 95%;

    color: #FFFFFF;

    font-size: clamp(
        11px,
        .92vw,
        14px
    );

    font-weight: 750;

    line-height: 1.6;

    text-align: center;

    text-shadow:
        0 2px 10px
        rgba(0, 0, 0, .95);
}

/* واکنش هاور */

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales.is-coming-soon:hover
.asia-lux-card-image img {
    filter:
        blur(.8px)
        brightness(.77)
        saturate(.9);

    transform:
        scale(1.045);
}

.elementor-908 .elementor-element.elementor-element-815ec88 .asia-lux-card-sales.is-coming-soon:hover
.asia-lux-coming-soon-badge {
    border-color: #00E676;

    background:
        rgba(0, 230, 118, .15);
}

/* انیمیشن نور نوار */

@keyframes asiaLuxProgressGlow {

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

    50% {
        opacity: 1;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bf088ee */.elementor-908 .elementor-element.elementor-element-bf088ee {
    position: relative;
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #020C1F;
}

.elementor-908 .elementor-element.elementor-element-bf088ee > .e-con-inner {
    position: relative;
    width: 100%;
    max-width: none;
    min-height: 100vh;
    min-height: 100svh;
    margin: 0;
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a2b339 *//* ابزارک HTML */

.elementor-908 .elementor-element.elementor-element-5a2b339 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

    z-index: 1;
}

.elementor-908 .elementor-element.elementor-element-5a2b339 > .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;
}

/* فضای اصلی موبایل */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-stage {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    isolation: isolate;

    background: transparent;
}

/* پارتیکل */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-particles {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    pointer-events: none;

    z-index: 1;
}

/* جایگاه باتری */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 104px;
    height: 50px;

    display: flex;

    align-items: center;

    opacity: 0;

    transform:
        translate(-50%, -50%)
        scale(.78);

    animation:
        asiaMobileLuxBatterySequence
        2.8s
        cubic-bezier(.22, .61, .36, 1)
        .12s
        both;

    pointer-events: none;

    z-index: 3;
}

/* هاله پشت باتری */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-aura {
    position: absolute;

    top: 50%;
    left: 47%;

    width: 135px;
    height: 95px;

    border-radius: 50%;

    background: radial-gradient(
        ellipse,

        rgba(0, 230, 118, .19) 0%,

        rgba(0, 230, 118, .08) 38%,

        transparent 74%
    );

    filter: blur(13px);

    opacity: 0;

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

    animation:
        asiaMobileLuxBatteryAura
        2.15s
        ease
        .38s
        both;
}

/* بدنه باتری */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-body {
    position: relative;

    width: 92px;
    height: 44px;

    overflow: hidden;

    border:
        1.5px solid
        rgba(0, 230, 118, .8);

    border-radius: 9px;

    background:
        rgba(2, 12, 31, .68);

    box-shadow:

        0 0 12px
        rgba(0, 230, 118, .16),

        inset 0 0 10px
        rgba(0, 230, 118, .055);
}

/* سر باتری */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-terminal {
    position: absolute;

    top: 50%;
    right: -1px;

    width: 7px;
    height: 16px;

    border:
        1.5px solid
        rgba(0, 230, 118, .8);

    border-left: 0;

    border-radius:
        0 4px 4px 0;

    background:
        rgba(0, 230, 118, .11);

    transform:
        translateY(-50%);
}

/* شارژ سبز باتری */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-fill {
    position: absolute;

    top: 4px;
    bottom: 4px;
    left: 4px;

    width: calc(
        100% - 8px
    );

    border-radius: 5px;

    background: linear-gradient(
        90deg,

        rgba(0, 230, 118, .24) 0%,

        rgba(0, 230, 118, .56) 48%,

        rgba(64, 255, 163, .93) 100%
    );

    box-shadow:

        inset 0 0 11px
        rgba(255, 255, 255, .12),

        0 0 12px
        rgba(0, 230, 118, .25);

    transform: scaleX(0);

    transform-origin:
        left center;

    animation:
        asiaMobileLuxBatteryFill
        1.75s
        cubic-bezier(.3, .06, .2, 1)
        .45s
        both;
}

/* برق روی شارژ باتری */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-shine {
    position: absolute;

    top: 4px;
    bottom: 4px;
    left: 4px;

    width: 12px;

    border-radius: 6px;

    background: linear-gradient(
        90deg,

        transparent,

        rgba(206, 255, 229, .86),

        transparent
    );

    filter: blur(1px);

    opacity: 0;

    animation:
        asiaMobileLuxBatteryShine
        1.75s
        cubic-bezier(.3, .06, .2, 1)
        .45s
        both;
}

/* علامت برق */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-bolt {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 19px;
    height: 19px;

    display: flex;

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

    color:
        rgba(233, 255, 243, .95);

    opacity: 0;

    transform:
        translate(-50%, -50%)
        scale(.65);

    animation:
        asiaMobileLuxBatteryBolt
        .95s
        ease
        1.02s
        both;

    z-index: 2;
}

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-bolt svg {
    display: block;

    width: 100%;
    height: 100%;

    filter:
        drop-shadow(
            0 0 5px
            rgba(0, 230, 118, .72)
        );
}

/* ورود و خروج باتری */

@keyframes asiaMobileLuxBatterySequence {

    0% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(.78);
    }

    15% {
        opacity: 1;

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

    74% {
        opacity: 1;

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

    86% {
        opacity: 1;

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

    100% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(.28);
    }

}

/* هاله باتری */

@keyframes asiaMobileLuxBatteryAura {

    0% {
        opacity: 0;
    }

    55% {
        opacity: .6;
    }

    84% {
        opacity: 1;
    }

    100% {
        opacity: .34;
    }

}

/* پرشدن باتری */

@keyframes asiaMobileLuxBatteryFill {

    0% {
        transform: scaleX(.04);
    }

    20% {
        transform: scaleX(.2);
    }

    58% {
        transform: scaleX(.65);
    }

    84% {
        transform: scaleX(.91);
    }

    100% {
        transform: scaleX(1);
    }

}

/* حرکت نور داخل باتری */

@keyframes asiaMobileLuxBatteryShine {

    0% {
        opacity: 0;

        transform:
            translateX(0);
    }

    12% {
        opacity: .85;
    }

    88% {
        opacity: .9;
    }

    100% {
        opacity: 0;

        transform:
            translateX(70px);
    }

}

/* ظاهرشدن علامت برق */

@keyframes asiaMobileLuxBatteryBolt {

    0% {
        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(.65);
    }

    60% {
        opacity: 1;

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

    100% {
        opacity: 1;

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

}

/* داخل ادیتور باتری ثابت نمایش داده می‌شود */

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-stage.is-editor
.asia-mobile-lux-battery {
    opacity: 1;

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

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-stage.is-editor
.asia-mobile-lux-battery-fill {
    transform:
        scaleX(.7);

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-stage.is-editor
.asia-mobile-lux-battery-bolt {
    opacity: 1;

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

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-stage.is-editor
.asia-mobile-lux-battery-aura {
    opacity: .65;

    animation: none;
}

.elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-stage.is-editor
.asia-mobile-lux-battery-shine {
    opacity: 0;

    animation: none;
}

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

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

    .elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery {
        opacity: 1;

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

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-fill {
        transform:
            scaleX(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-bolt {
        opacity: 1;

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

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-aura {
        opacity: .6;

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-5a2b339 .asia-mobile-lux-battery-shine {
        display: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dad0a54 *//* =========================================
   ابزارک لوگوی نسخه موبایل
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

    pointer-events: none;

    z-index: 2;
}

.elementor-908 .elementor-element.elementor-element-dad0a54 > .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    pointer-events: none;
}

/* =========================================
   فضای اصلی لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-layer {
    --asia-mobile-logo-size: clamp(
        145px,
        43vw,
        190px
    );

    --asia-mobile-logo-final-top: 31%;

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    pointer-events: none;
}

/* =========================================
   مرکز انرژی اولیه
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-energy {
    position: absolute;

    top: 50%;
    left: 50%;

    width: 180px;
    height: 180px;

    display: grid;

    place-items: center;

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

    pointer-events: none;

    z-index: 1;
}

/* نقطه نورانی مرکزی */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-energy-core {
    position: absolute;

    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #00E676;

    box-shadow:
        0 0 8px rgba(0, 230, 118, .95),
        0 0 18px rgba(0, 230, 118, .66),
        0 0 34px rgba(0, 230, 118, .32);

    opacity: 0;

    transform: scale(.12);

    animation:
        asiaMobileLuxEnergyCore
        1.55s
        cubic-bezier(.22, .61, .36, 1)
        2.35s
        both;
}

/* =========================================
   موج‌های انرژی مرکزی
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-energy-wave {
    position: absolute;

    width: 20px;
    height: 20px;

    border:
        1px solid
        rgba(0, 230, 118, .76);

    border-radius: 50%;

    box-shadow:
        0 0 9px rgba(0, 230, 118, .32),
        inset 0 0 7px rgba(0, 230, 118, .12);

    opacity: 0;

    transform: scale(.2);
}

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-energy-wave-one {
    animation:
        asiaMobileLuxEnergyWave
        1.7s
        cubic-bezier(.18, .65, .25, 1)
        2.45s
        both;
}

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-energy-wave-two {
    animation:
        asiaMobileLuxEnergyWave
        1.9s
        cubic-bezier(.18, .65, .25, 1)
        2.82s
        both;
}

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-energy-wave-three {
    animation:
        asiaMobileLuxEnergyWaveLarge
        2.15s
        cubic-bezier(.18, .65, .25, 1)
        3.22s
        both;
}

/* =========================================
   لوگو

   ابتدا دقیقاً وسط صفحه تشکیل می‌شود.
   پس از کامل‌شدن، به جای نهایی می‌رود.
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo {
    position: absolute;

    top: var(
        --asia-mobile-logo-final-top
    );

    left: 50%;

    width: var(
        --asia-mobile-logo-size
    );

    height: var(
        --asia-mobile-logo-size
    );

    display: grid;

    place-items: center;

    opacity: 0;

    transform:
        translate(-50%, -50%)
        scale(.06);

    animation:
        asiaMobileLuxLogoEntrance
        4.9s
        cubic-bezier(.22, .61, .36, 1)
        2.72s
        both;

    pointer-events: auto;

    z-index: 3;
}

/* =========================================
   هاله نورانی پشت لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-aura {
    position: absolute;

    inset: 7%;

    border-radius: 50%;

    background: radial-gradient(
        circle,

        rgba(0, 230, 118, .18) 0%,

        rgba(0, 230, 118, .085) 35%,

        rgba(0, 230, 118, .025) 58%,

        transparent 76%
    );

    filter: blur(12px);

    opacity: 0;

    transform: scale(.38);

    animation:
        asiaMobileLuxLogoAura
        1.6s
        ease
        3.35s
        both;

    pointer-events: none;
}

/* =========================================
   حلقه‌های اطراف لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-ring {
    position: absolute;

    border-radius: 50%;

    opacity: 0;

    pointer-events: none;
}

/* حلقه داخلی */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-ring-inner {
    inset: 5%;

    border:
        1px solid
        rgba(0, 230, 118, .29);

    box-shadow:
        0 0 15px rgba(0, 230, 118, .075),
        inset 0 0 13px rgba(0, 230, 118, .04);

    animation:
        asiaMobileLuxRingInner
        1.15s
        cubic-bezier(.22, .61, .36, 1)
        3.85s
        both;
}

/* حلقه خارجی */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-ring-outer {
    inset: -7%;

    border:
        1px solid
        rgba(0, 230, 118, .13);

    animation:
        asiaMobileLuxRingOuter
        1.3s
        cubic-bezier(.22, .61, .36, 1)
        4.15s
        both;
}

/* =========================================
   مدار چرخان دور لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-orbit {
    position: absolute;

    inset: -8%;

    border-radius: 50%;

    opacity: 0;

    animation:
        asiaMobileLuxOrbitAppear
        .8s
        ease
        4.65s
        both;

    pointer-events: none;
}

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-orbit::before {
    content: "";

    position: absolute;
    inset: 0;

    border-radius: 50%;

    background: conic-gradient(
        from 0deg,

        transparent 0deg,

        transparent 318deg,

        rgba(0, 230, 118, .08) 329deg,

        rgba(0, 230, 118, .48) 342deg,

        #00E676 350deg,

        rgba(0, 230, 118, .4) 356deg,

        transparent 360deg
    );

    -webkit-mask: radial-gradient(
        farthest-side,

        transparent calc(100% - 4px),

        #000 calc(100% - 3px)
    );

    mask: radial-gradient(
        farthest-side,

        transparent calc(100% - 4px),

        #000 calc(100% - 3px)
    );

    filter:
        drop-shadow(
            0 0 3px rgba(0, 230, 118, .78)
        )
        drop-shadow(
            0 0 6px rgba(0, 230, 118, .28)
        );

    animation:
        asiaMobileLuxOrbitRotate
        4.2s
        linear
        infinite;
}

/* =========================================
   تصویر لوگو
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-image {
    position: relative;

    display: block;

    width: 78%;
    height: 78%;

    object-fit: contain;
    object-position: center;

    filter:
        drop-shadow(
            0 9px 20px rgba(0, 0, 0, .38)
        )
        drop-shadow(
            0 0 9px rgba(0, 230, 118, .17)
        );

    user-select: none;

    pointer-events: none;

    z-index: 2;
}

/* =========================================
   واکنش لوگو به لمس
========================================= */

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo:active
.asia-mobile-lux-logo-aura {
    background: radial-gradient(
        circle,

        rgba(0, 230, 118, .29) 0%,

        rgba(0, 230, 118, .14) 36%,

        rgba(0, 230, 118, .035) 58%,

        transparent 76%
    );
}

.elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo:active
.asia-mobile-lux-logo-orbit::before {
    animation-duration: 2.4s;
}

/* =========================================
   انیمیشن نقطه مرکزی
========================================= */

@keyframes asiaMobileLuxEnergyCore {
    0% {
        opacity: 0;

        transform: scale(.12);
    }

    28% {
        opacity: 1;

        transform: scale(1.15);
    }

    55% {
        opacity: .78;

        transform: scale(.86);
    }

    76% {
        opacity: 1;

        transform: scale(1.35);
    }

    100% {
        opacity: 0;

        transform: scale(.2);
    }
}

/* =========================================
   انیمیشن موج‌های انرژی
========================================= */

@keyframes asiaMobileLuxEnergyWave {
    0% {
        opacity: 0;

        transform: scale(.2);
    }

    15% {
        opacity: .82;
    }

    68% {
        opacity: .32;
    }

    100% {
        opacity: 0;

        transform: scale(7.5);
    }
}

@keyframes asiaMobileLuxEnergyWaveLarge {
    0% {
        opacity: 0;

        transform: scale(.2);
    }

    14% {
        opacity: .67;
    }

    72% {
        opacity: .22;
    }

    100% {
        opacity: 0;

        transform: scale(9.5);
    }
}

/* =========================================
   اجرای مرحله‌ای حرکت لوگو

   ۰ تا ۳۶ درصد:
   تشکیل لوگو دقیقاً در مرکز صفحه

   ۳۶ تا ۶۲ درصد:
   مکث کامل در مرکز صفحه

   ۶۲ تا ۱۰۰ درصد:
   حرکت آرام به جای نهایی
========================================= */

@keyframes asiaMobileLuxLogoEntrance {
    0% {
        top: 50%;

        opacity: 0;

        transform:
            translate(-50%, -50%)
            scale(.06);
    }

    12% {
        top: 50%;

        opacity: .76;

        transform:
            translate(-50%, -50%)
            scale(.28);
    }

    27% {
        top: 50%;

        opacity: 1;

        transform:
            translate(-50%, -50%)
            scale(.88);
    }

    36% {
        top: 50%;

        opacity: 1;

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

    46% {
        top: 50%;

        opacity: 1;

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

    62% {
        top: 50%;

        opacity: 1;

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

    86% {
        top: calc(
            var(--asia-mobile-logo-final-top) - 1%
        );

        opacity: 1;

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

    100% {
        top: var(
            --asia-mobile-logo-final-top
        );

        opacity: 1;

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

/* =========================================
   انیمیشن هاله لوگو
========================================= */

@keyframes asiaMobileLuxLogoAura {
    0% {
        opacity: 0;

        transform: scale(.38);
    }

    72% {
        opacity: .9;

        transform: scale(1.08);
    }

    100% {
        opacity: .76;

        transform: scale(1);
    }
}

/* =========================================
   انیمیشن حلقه داخلی
========================================= */

@keyframes asiaMobileLuxRingInner {
    0% {
        opacity: 0;

        transform: scale(.65);
    }

    75% {
        opacity: 1;

        transform: scale(1.035);
    }

    100% {
        opacity: 1;

        transform: scale(1);
    }
}

/* =========================================
   انیمیشن حلقه خارجی
========================================= */

@keyframes asiaMobileLuxRingOuter {
    0% {
        opacity: 0;

        transform: scale(.74);
    }

    76% {
        opacity: .85;

        transform: scale(1.035);
    }

    100% {
        opacity: .78;

        transform: scale(1);
    }
}

/* =========================================
   ظاهرشدن مدار نورانی
========================================= */

@keyframes asiaMobileLuxOrbitAppear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* =========================================
   چرخش نور دور لوگو
========================================= */

@keyframes asiaMobileLuxOrbitRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* =========================================
   گوشی‌های کوتاه
========================================= */

@media (max-height: 680px) {
    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-layer {
        --asia-mobile-logo-size: clamp(
            130px,
            38vw,
            165px
        );

        --asia-mobile-logo-final-top: 29%;
    }
}

/* =========================================
   گوشی‌های باریک
========================================= */

@media (max-width: 360px) {
    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-layer {
        --asia-mobile-logo-size: clamp(
            135px,
            42vw,
            155px
        );
    }
}

/* =========================================
   نمایش ثابت داخل ویرایشگر المنتور
========================================= */

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-dad0a54
.asia-mobile-lux-energy {
    display: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-dad0a54
.asia-mobile-lux-logo {
    top: var(
        --asia-mobile-logo-final-top
    );

    opacity: 1;

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

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-dad0a54
.asia-mobile-lux-logo-aura {
    opacity: .76;

    transform: scale(1);

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-dad0a54
.asia-mobile-lux-logo-ring-inner {
    opacity: 1;

    transform: scale(1);

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-dad0a54
.asia-mobile-lux-logo-ring-outer {
    opacity: .78;

    transform: scale(1);

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-dad0a54
.asia-mobile-lux-logo-orbit {
    opacity: 1;

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-dad0a54
.asia-mobile-lux-logo-orbit::before {
    animation: none;
}

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

@media (prefers-reduced-motion: reduce) {
    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-energy {
        display: none;
    }

    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo {
        top: var(
            --asia-mobile-logo-final-top
        );

        opacity: 1;

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

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-aura {
        opacity: .76;

        transform: scale(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-ring-inner {
        opacity: 1;

        transform: scale(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-ring-outer {
        opacity: .78;

        transform: scale(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-orbit {
        opacity: 1;

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-dad0a54 .asia-mobile-lux-logo-orbit::before {
        animation: none;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-997dbd4 *//* ابزارک مسیر نورانی */

.elementor-908 .elementor-element.elementor-element-997dbd4 {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

    pointer-events: none;

    z-index: 3;
}

.elementor-908 .elementor-element.elementor-element-997dbd4 > .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    pointer-events: none;
}

/* موقعیت مسیر نسبت به لوگو */

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection {
    --asia-mobile-logo-size: clamp(
        145px,
        43vw,
        190px
    );

    position: absolute;

    top: 31%;
    left: 50%;

    width: 88px;

    height: clamp(
        115px,
        21svh,
        175px
    );

    transform:
        translate(
            -50%,

            calc(
                var(--asia-mobile-logo-size) * .36
            )
        );

    pointer-events: none;
}

/* فضای SVG */

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-svg {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    overflow: visible;

    pointer-events: none;
}

/* هاله خط */

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-shadow {
    fill: none;

    stroke:
        rgba(0, 230, 118, .17);

    stroke-width: 5;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: 100;
    stroke-dashoffset: 100;

    filter:
        url(#asiaMobileLuxConnectionGlow);

    vector-effect:
        non-scaling-stroke;

    animation:
        asiaMobileLuxConnectionDraw
        1.55s
        cubic-bezier(.22, .61, .36, 1)
        5.55s
        both;
}

/* خط اصلی */

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-line {
    fill: none;

    stroke:
        rgba(0, 230, 118, .68);

    stroke-width: 1.35;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: 100;
    stroke-dashoffset: 100;

    vector-effect:
        non-scaling-stroke;

    animation:
        asiaMobileLuxConnectionDraw
        1.55s
        cubic-bezier(.22, .61, .36, 1)
        5.55s
        both;
}

/* سیگنال سبز */

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-signal {
    fill: none;

    stroke: #8CFFC0;

    stroke-width: 2.4;

    stroke-linecap: round;
    stroke-linejoin: round;

    stroke-dasharray: 9 111;

    stroke-dashoffset: 10;

    opacity: 0;

    filter:
        url(#asiaMobileLuxSignalGlow);

    vector-effect:
        non-scaling-stroke;

    animation:

        asiaMobileLuxSignalAppear
        .3s
        ease
        7.15s
        forwards,

        asiaMobileLuxSignalMove
        2.1s
        linear
        7.15s
        infinite;
}

/* نقطه‌های شکست */

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-node {
    fill: #00E676;

    opacity: 0;

    transform-box: fill-box;
    transform-origin: center;

    filter:
        url(#asiaMobileLuxSignalGlow);
}

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-node-one {
    animation:
        asiaMobileLuxConnectionNode
        .4s
        ease
        5.95s
        both;
}

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-node-two {
    animation:
        asiaMobileLuxConnectionNode
        .4s
        ease
        6.2s
        both;
}

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-node-three {
    animation:
        asiaMobileLuxConnectionNode
        .4s
        ease
        6.55s
        both;
}

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-node-four {
    animation:
        asiaMobileLuxConnectionNode
        .4s
        ease
        6.82s
        both;
}

/* نقطه پایان مسیر */

.elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-end {
    fill: #071B1B;

    stroke: #00E676;

    stroke-width: 1.4;

    opacity: 0;

    transform-box: fill-box;
    transform-origin: center;

    filter:
        url(#asiaMobileLuxSignalGlow);

    animation:

        asiaMobileLuxConnectionNode
        .5s
        ease
        7s
        both,

        asiaMobileLuxConnectionEndPulse
        2.1s
        ease-in-out
        7.5s
        infinite;
}

/* انیمیشن رسم مسیر */

@keyframes asiaMobileLuxConnectionDraw {

    0% {
        opacity: 0;

        stroke-dashoffset: 100;
    }

    8% {
        opacity: 1;
    }

    100% {
        opacity: 1;

        stroke-dashoffset: 0;
    }

}

/* نمایش نقطه‌های اتصال */

@keyframes asiaMobileLuxConnectionNode {

    0% {
        opacity: 0;

        transform:
            scale(.15);
    }

    70% {
        opacity: 1;

        transform:
            scale(1.35);
    }

    100% {
        opacity: 1;

        transform:
            scale(1);
    }

}

/* فعال‌شدن سیگنال */

@keyframes asiaMobileLuxSignalAppear {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

/* حرکت سیگنال از لوگو به کارت */

@keyframes asiaMobileLuxSignalMove {

    from {
        stroke-dashoffset: 10;
    }

    to {
        stroke-dashoffset: -110;
    }

}

/* تپش نقطه انتهایی */

@keyframes asiaMobileLuxConnectionEndPulse {

    0%,
    100% {
        opacity: .7;

        transform:
            scale(.9);
    }

    50% {
        opacity: 1;

        transform:
            scale(1.32);
    }

}

/* گوشی‌های کوتاه */

@media (max-height: 680px) {

    .elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection {
        --asia-mobile-logo-size: clamp(
            130px,
            38vw,
            165px
        );

        top: 29%;

        height: clamp(
            96px,
            19svh,
            135px
        );
    }

}

/* گوشی‌های باریک */

@media (max-width: 360px) {

    .elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection {
        --asia-mobile-logo-size: clamp(
            135px,
            42vw,
            155px
        );

        width: 76px;
    }

}

/* نمایش ثابت داخل ویرایشگر */

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-997dbd4
.asia-mobile-lux-connection-shadow,

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-997dbd4
.asia-mobile-lux-connection-line {
    opacity: 1;

    stroke-dashoffset: 0;

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-997dbd4
.asia-mobile-lux-connection-node,

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-997dbd4
.asia-mobile-lux-connection-end {
    opacity: 1;

    transform:
        scale(1);

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-997dbd4
.asia-mobile-lux-connection-signal {
    opacity: 0;

    animation: none;
}

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

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

    .elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-shadow,

    .elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-line {
        opacity: 1;

        stroke-dashoffset: 0;

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-node,

    .elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-end {
        opacity: 1;

        transform:
            scale(1);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-997dbd4 .asia-mobile-lux-connection-signal {
        display: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8aa989a *//* =========================================
   ابزارک کاروسل صفحه اصلی — نسخه موبایل
   کاروسل شش‌کارتی
========================================= */

.elementor-908 .elementor-element.elementor-element-8aa989a {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

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

    pointer-events: none;

    z-index: 4;
}

.elementor-908 .elementor-element.elementor-element-8aa989a > .elementor-widget-container {
    position: relative;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    pointer-events: none;
}

/* لایه اصلی */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-layer {
    --asia-mobile-card-width: min(
        76vw,
        350px
    );

    --asia-mobile-card-height: calc(
        var(--asia-mobile-card-width) * .625
    );

    --asia-mobile-card-shift: 74vw;

    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    overflow: hidden;

    direction: rtl;

    font-family:
        DanaFaNum,
        Dana,
        IRANYekan,
        IRANSans,
        sans-serif;

    pointer-events: none;
}

/* جایگاه کاروسل */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel {
    position: absolute;

    top: 72%;
    left: 0;

    width: 100%;

    height:
        var(--asia-mobile-card-height);

    opacity: 0;

    transform:
        translateY(-50%);

    animation:
        asiaMobileCarouselAppear
        .85s
        cubic-bezier(.22, .61, .36, 1)
        7.05s
        both;

    touch-action: pan-y;

    pointer-events: none;
}

/* کارت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card {
    position: absolute;

    top: 50%;
    left: 50%;

    display: block;

    width:
        var(--asia-mobile-card-width);

    height:
        var(--asia-mobile-card-height);

    opacity: 0;

    transform:
        translate(-50%, -50%)
        scale(.76);

    transition:
        transform .58s
        cubic-bezier(.22, 1, .36, 1),

        opacity .42s ease,

        filter .42s ease;

    color: inherit;
    text-decoration: none;

    -webkit-tap-highlight-color:
        transparent;

    pointer-events: none;

    z-index: 1;
}

/* کارت فعال */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card.is-active {
    opacity: 1;

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

    filter: none;

    pointer-events: auto;

    z-index: 4;
}

/* کارت قبلی */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card.is-previous {
    opacity: .54;

    transform:
        translate(
            calc(
                -50% -
                var(--asia-mobile-card-shift)
            ),
            -50%
        )
        scale(.84);

    filter:
        saturate(.72)
        brightness(.72);

    pointer-events: auto;

    z-index: 2;
}

/* کارت بعدی */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card.is-next {
    opacity: .54;

    transform:
        translate(
            calc(
                -50% +
                var(--asia-mobile-card-shift)
            ),
            -50%
        )
        scale(.84);

    filter:
        saturate(.72)
        brightness(.72);

    pointer-events: auto;

    z-index: 2;
}

/* قاب کارت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-frame {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    overflow: hidden;

    border:
        1px solid
        rgba(0, 230, 118, .27);

    border-radius: 17px;

    background: #071326;

    clip-path: polygon(
        0 0,
        calc(100% - 15px) 0,
        100% 15px,
        100% 100%,
        15px 100%,
        0 calc(100% - 15px)
    );

    box-shadow:
        0 16px 35px
        rgba(0, 0, 0, .34),

        0 0 16px
        rgba(0, 230, 118, .07);

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

/* تصویر کارت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-image {
    position: absolute;
    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    transition:
        transform .45s ease,
        filter .35s ease;

    user-select: none;

    pointer-events: none;
}

/* سایه زیر متن */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-overlay {
    position: absolute;
    inset: 0;

    display: block;

    background: linear-gradient(
        0deg,

        rgba(2, 9, 20, .94) 0%,

        rgba(2, 9, 20, .67) 29%,

        rgba(2, 9, 20, .2) 54%,

        transparent 77%
    );

    pointer-events: none;

    z-index: 1;
}

/* خط سبز بالای کارت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-accent {
    position: absolute;

    top: 0;
    right: 18px;

    width: 58px;
    height: 2px;

    display: block;

    background: linear-gradient(
        90deg,

        transparent,

        #00E676,

        rgba(0, 230, 118, .32)
    );

    box-shadow:
        0 0 8px
        rgba(0, 230, 118, .3);

    pointer-events: none;

    z-index: 3;
}

/* محتوای کارت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-content {
    position: absolute;

    right: 16px;
    bottom: 15px;
    left: 51px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 2px;

    direction: rtl;
    text-align: right;

    pointer-events: none;

    z-index: 3;
}

/* عنوان فرعی */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-label {
    color:
        rgba(152, 255, 203, .88);

    font-size: 11px;

    font-weight: 500;

    line-height: 1.55;
}

/* عنوان اصلی */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-title {
    display: block;

    width: 100%;

    overflow: hidden;

    color: #FFFFFF;

    font-size: clamp(
        18px,
        5.8vw,
        24px
    );

    font-weight: 750;

    line-height: 1.35;

    text-overflow: ellipsis;
    white-space: nowrap;

    text-shadow:
        0 2px 10px
        rgba(0, 0, 0, .4);
}

/* توضیحات */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-description {
    display: block;

    width: 100%;

    overflow: hidden;

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

    font-size: clamp(
        10px,
        2.8vw,
        12px
    );

    font-weight: 400;

    line-height: 1.65;

    text-overflow: ellipsis;
    white-space: nowrap;
}

/* فلش کارت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-arrow {
    position: absolute;

    bottom: 15px;
    left: 13px;

    width: 33px;
    height: 33px;

    display: flex;

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

    border:
        1px solid
        rgba(255, 255, 255, .22);

    border-radius: 50%;

    background:
        rgba(2, 12, 25, .55);

    color: #FFFFFF;

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

    pointer-events: none;

    z-index: 3;
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-arrow svg {
    display: block;

    width: 16px;
    height: 16px;
}

/* واکنش لمس کارت فعال */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card.is-active:active
.asia-mobile-carousel-frame {
    border-color:
        rgba(0, 230, 118, .82);

    transform:
        scale(.985);

    box-shadow:
        0 17px 38px
        rgba(0, 0, 0, .36),

        0 0 22px
        rgba(0, 230, 118, .17);
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card.is-active:active
.asia-mobile-carousel-image {
    transform:
        scale(1.025);

    filter:
        saturate(1.05)
        brightness(1.03);
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card.is-active:active
.asia-mobile-carousel-arrow {
    border-color: #00E676;

    background: #00E676;

    color: #071326;

    box-shadow:
        0 0 12px
        rgba(0, 230, 118, .3);
}

/* نشانگرهای شش کارت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-indicators {
    position: absolute;

    top: calc(
        100% + 19px
    );

    left: 50%;

    display: flex;

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

    gap: 7px;

    transform:
        translateX(-50%);

    direction: ltr;

    pointer-events: auto;

    z-index: 5;
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-indicator {
    width: 8px;
    height: 8px;

    margin: 0;
    padding: 0;

    border: 0;

    border-radius: 20px;

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

    transition:
        width .32s
        cubic-bezier(.22, 1, .36, 1),

        background .32s ease,

        box-shadow .32s ease;

    cursor: pointer;

    -webkit-tap-highlight-color:
        transparent;
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-indicator.is-active {
    width: 24px;

    background: #00E676;

    box-shadow:
        0 0 9px
        rgba(0, 230, 118, .44);
}

/* عنوان پایین صفحه */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-page-title {
    position: absolute;

    right: 12px;

    bottom: max(
        12px,
        env(safe-area-inset-bottom)
    );

    left: 12px;

    margin: 0;
    padding: 0;

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

    font-family:
        DanaFaNum,
        Dana,
        IRANYekan,
        IRANSans,
        sans-serif;

    font-size: clamp(
        10px,
        2.9vw,
        12px
    );

    font-weight: 500;

    line-height: 1.65;

    text-align: center;

    opacity: 0;

    animation:
        asiaMobileCarouselTitleAppear
        .75s
        ease
        7.7s
        both;

    pointer-events: none;

    z-index: 2;
}

/* ورود کاروسل */

@keyframes asiaMobileCarouselAppear {

    0% {
        opacity: 0;

        transform:
            translateY(
                calc(-50% + 14px)
            );
    }

    100% {
        opacity: 1;

        transform:
            translateY(-50%);
    }

}

/* نمایش عنوان */

@keyframes asiaMobileCarouselTitleAppear {

    from {
        opacity: 0;

        transform:
            translateY(5px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}

/* گوشی‌های کوتاه */

@media (max-height: 680px) {

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-layer {
        --asia-mobile-card-width: min(
            73vw,
            305px
        );

        --asia-mobile-card-shift: 72vw;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel {
        top: 70%;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-content {
        right: 13px;
        bottom: 12px;
        left: 46px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-label {
        font-size: 10px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-title {
        font-size: clamp(
            17px,
            5.3vw,
            21px
        );
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-description {
        font-size: 10px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-arrow {
        bottom: 12px;
        left: 11px;

        width: 29px;
        height: 29px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-indicators {
        top: calc(
            100% + 14px
        );

        gap: 6px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-page-title {
        bottom: max(
            8px,
            env(safe-area-inset-bottom)
        );

        font-size: 10px;
    }

}

/* گوشی‌های باریک */

@media (max-width: 360px) {

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-layer {
        --asia-mobile-card-width: 78vw;
        --asia-mobile-card-shift: 75vw;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-content {
        right: 12px;
        left: 43px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-label {
        font-size: 9px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-title {
        font-size: clamp(
            16px,
            5.3vw,
            19px
        );
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-description {
        font-size: 9px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-indicators {
        gap: 5px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-indicator {
        width: 7px;
        height: 7px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-indicator.is-active {
        width: 21px;
    }

}

/* نمایش مستقیم داخل ادیتور */

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-8aa989a
.asia-mobile-carousel {
    opacity: 1;

    transform:
        translateY(-50%);

    animation: none;
}

.elementor-editor-active .elementor-908 .elementor-element.elementor-element-8aa989a
.asia-mobile-carousel-page-title {
    opacity: 1;

    transform:
        translateY(0);

    animation: none;
}

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

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

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel {
        opacity: 1;

        transform:
            translateY(-50%);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-page-title {
        opacity: 1;

        transform:
            translateY(0);

        animation: none;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card,
    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-frame,
    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-image,
    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-indicator {
        transition: none;
    }

}

/* =========================================
   کارت فروش خودرو — در حال راه‌اندازی
   نسخه موبایل
========================================= */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card-sales.is-coming-soon {
    cursor: default;
}

/* بلر ملایم تصویر */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card-sales.is-coming-soon
.asia-mobile-carousel-image {
    filter:
        blur(1.8px)
        brightness(.68)
        saturate(.8);

    transform:
        scale(1.035);

    transition:
        filter .4s ease,
        transform .45s ease;
}

/* سایه ملایم */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card-sales.is-coming-soon
.asia-mobile-carousel-overlay {
    background: linear-gradient(
        0deg,

        rgba(2, 9, 20, .8) 0%,

        rgba(2, 9, 20, .42) 36%,

        rgba(2, 9, 20, .12) 64%,

        transparent 83%
    );
}

/* محتوای اصلی کارت زیر وضعیت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card-sales.is-coming-soon
.asia-mobile-carousel-content,

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card-sales.is-coming-soon
.asia-mobile-carousel-arrow,

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card-sales.is-coming-soon
.asia-mobile-carousel-accent {
    opacity: .2;
}

/* لایه وضعیت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-coming-soon {
    position: absolute;
    inset: 0;

    display: flex;

    flex-direction: column;

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

    gap: 10px;

    padding: 18px 22px;

    background: linear-gradient(
        145deg,

        rgba(3, 13, 25, .14),

        rgba(3, 19, 28, .43)
    );

    backdrop-filter:
        blur(.7px);

    -webkit-backdrop-filter:
        blur(.7px);

    text-align: center;

    pointer-events: none;

    z-index: 7;
}

/* نشان به‌زودی */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-coming-soon-badge {
    display: inline-flex;

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

    min-width: 86px;

    padding: 5px 16px;

    border:
        1px solid
        rgba(0, 230, 118, .68);

    border-radius: 50px;

    background:
        rgba(2, 18, 25, .74);

    color: #AEFFD3;

    font-size: 12px;

    font-weight: 750;

    line-height: 1.5;

    box-shadow:
        0 0 18px
        rgba(0, 230, 118, .15);
}

/* نوار پیشرفت */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress {
    display: flex;

    flex-direction: column;

    gap: 6px;

    width: min(
        78%,
        230px
    );
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress-head {
    display: flex;

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

    width: 100%;

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

    font-size: 11px;

    font-weight: 500;

    line-height: 1.5;

    text-shadow:
        0 1px 7px
        rgba(0, 0, 0, .95);
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress-head strong {
    color: #00E676;

    font-size: 12px;

    font-weight: 800;
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress-track {
    position: relative;

    display: block;

    width: 100%;
    height: 6px;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, .14);

    border-radius: 20px;

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

    box-shadow:
        inset 0 1px 4px
        rgba(0, 0, 0, .32);
}

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress-fill {
    position: absolute;

    top: 0;
    right: 0;

    display: block;

    width: 80%;
    height: 100%;

    border-radius: inherit;

    background: linear-gradient(
        90deg,
        #009C4D,
        #00E676,
        #A5FFCE
    );

    box-shadow:
        0 0 13px
        rgba(0, 230, 118, .64);

    animation:
        asiaMobileProgressGlow
        1.8s
        ease-in-out
        infinite;
}

/* عنوان کامل سرویس زیر نوار */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-coming-soon-title {
    display: block;

    max-width: 95%;

    color: #FFFFFF;

    font-size: clamp(
        13px,
        3.7vw,
        16px
    );

    font-weight: 750;

    line-height: 1.6;

    text-align: center;

    text-shadow:
        0 2px 11px
        rgba(0, 0, 0, .95);
}

/* واکنش لمس */

.elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-carousel-card-sales.is-coming-soon.is-active:active
.asia-mobile-carousel-image {
    filter:
        blur(1px)
        brightness(.75)
        saturate(.88);

    transform:
        scale(1.055);
}

/* نور نوار */

@keyframes asiaMobileProgressGlow {

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

    50% {
        opacity: 1;
    }

}

/* گوشی‌های کوتاه */

@media (max-height: 680px) {

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-coming-soon {
        gap: 6px;

        padding: 12px 16px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-coming-soon-badge {
        min-width: 72px;

        padding: 3px 12px;

        font-size: 10px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress {
        gap: 4px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress-head {
        font-size: 9px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress-head strong {
        font-size: 10px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-progress-track {
        height: 5px;
    }

    .elementor-908 .elementor-element.elementor-element-8aa989a .asia-mobile-coming-soon-title {
        font-size: 12px;

        line-height: 1.45;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d9936c5 */.elementor-908 .elementor-element.elementor-element-d9936c5 {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100vh !important;
    height: 100svh !important;

    min-height: 100vh !important;
    min-height: 100svh !important;

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

    overflow: hidden !important;

    background: #020C1F !important;

    isolation: isolate;
}

.elementor-908 .elementor-element.elementor-element-d9936c5 > .e-con-inner {
    position: relative !important;

    width: 100% !important;
    max-width: 100% !important;

    height: 100% !important;

    min-height: 100vh !important;
    min-height: 100svh !important;

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

    overflow: hidden !important;
}/* End custom CSS */