.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-bf48644{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;text-align:start;}.elementor-40 .elementor-element.elementor-element-bf48644 .elementor-heading-title{font-family:"Vazirmatn", Sans-serif;font-size:48px;font-weight:800;line-height:48px;color:var( --e-global-color-text );}.elementor-40 .elementor-element.elementor-element-edf7565{text-align:center;}.elementor-40 .elementor-element.elementor-element-edf7565 .elementor-heading-title{font-family:"Stardos Stencil", Sans-serif;font-weight:700;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-9cef271 .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-9cef271.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-9cef271.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-9cef271.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-9cef271.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-9cef271.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-9cef271 .elementor-icon{font-size:32px;}.elementor-40 .elementor-element.elementor-element-9cef271 .elementor-icon svg{height:32px;}.elementor-40 .elementor-element.elementor-element-62b6e3e .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-62b6e3e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-62b6e3e.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-62b6e3e.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-62b6e3e.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-62b6e3e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-62b6e3e .elementor-icon{font-size:32px;}.elementor-40 .elementor-element.elementor-element-62b6e3e .elementor-icon svg{height:32px;}.elementor-40 .elementor-element.elementor-element-d0ef09f .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-d0ef09f.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-d0ef09f.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-d0ef09f.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-d0ef09f.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-d0ef09f.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-d0ef09f .elementor-icon{font-size:32px;}.elementor-40 .elementor-element.elementor-element-d0ef09f .elementor-icon svg{height:32px;}.elementor-40 .elementor-element.elementor-element-91507d6 .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-91507d6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-91507d6.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-91507d6.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-91507d6.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-91507d6.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-91507d6 .elementor-icon{font-size:32px;}.elementor-40 .elementor-element.elementor-element-91507d6 .elementor-icon svg{height:32px;}.elementor-40 .elementor-element.elementor-element-97eafbd{text-align:center;}.elementor-40 .elementor-element.elementor-element-97eafbd .elementor-heading-title{font-family:"Stardos Stencil", Sans-serif;font-weight:700;}.elementor-40 .elementor-element.elementor-element-1102021 .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-1102021.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-1102021.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-1102021.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-1102021.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-1102021.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-1102021 .elementor-icon{font-size:48px;}.elementor-40 .elementor-element.elementor-element-1102021 .elementor-icon svg{height:48px;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-40 .elementor-element.elementor-element-9733dcb .elementor-counter-title{justify-content:center;color:var( --e-global-color-text );font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-40 .elementor-element.elementor-element-9733dcb .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-text );font-family:"Vazirmatn", Sans-serif;font-size:40px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-a0b219e .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-a0b219e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-a0b219e.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-a0b219e.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-a0b219e.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-a0b219e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-a0b219e .elementor-icon{font-size:48px;}.elementor-40 .elementor-element.elementor-element-a0b219e .elementor-icon svg{height:48px;}.elementor-40 .elementor-element.elementor-element-60e17bc .elementor-counter-title{justify-content:center;color:var( --e-global-color-text );font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-40 .elementor-element.elementor-element-60e17bc .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-text );font-family:"Vazirmatn", Sans-serif;font-size:40px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-e432355 .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-e432355.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-e432355.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-e432355.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-e432355.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-e432355.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-e432355 .elementor-icon{font-size:48px;}.elementor-40 .elementor-element.elementor-element-e432355 .elementor-icon svg{height:48px;}.elementor-40 .elementor-element.elementor-element-dab92fe .elementor-counter-title{justify-content:center;color:var( --e-global-color-text );font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-40 .elementor-element.elementor-element-dab92fe .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-text );font-family:"Vazirmatn", Sans-serif;font-size:40px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-94579f1 .elementor-icon-wrapper{text-align:center;}.elementor-40 .elementor-element.elementor-element-94579f1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-94579f1.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-94579f1.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-94579f1.elementor-view-framed .elementor-icon, .elementor-40 .elementor-element.elementor-element-94579f1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-94579f1 .elementor-icon{font-size:48px;}.elementor-40 .elementor-element.elementor-element-94579f1 .elementor-icon svg{height:48px;}.elementor-40 .elementor-element.elementor-element-ed3339d .elementor-counter-title{justify-content:center;color:var( --e-global-color-text );font-family:"Vazirmatn", Sans-serif;font-weight:600;}.elementor-40 .elementor-element.elementor-element-ed3339d .elementor-counter-number-wrapper{text-align:{{VALUE}};--counter-prefix-grow:1;--counter-suffix-grow:1;--counter-number-grow:0;color:var( --e-global-color-text );font-family:"Vazirmatn", Sans-serif;font-size:40px;font-weight:600;}.elementor-40 .elementor-element.elementor-element-1764499{text-align:start;}.elementor-40 .elementor-element.elementor-element-1764499 .elementor-heading-title{font-family:"Stardos Stencil", Sans-serif;font-weight:700;}.elementor-40 .elementor-element.elementor-element-4ccc294{text-align:center;}.elementor-40 .elementor-element.elementor-element-4ccc294 .elementor-heading-title{font-family:"Stardos Stencil", Sans-serif;font-weight:700;}.elementor-40 .elementor-element.elementor-element-b9d7785{--display:flex;}.elementor-40 .elementor-element.elementor-element-417ba21{--display:flex;}.elementor-40 .elementor-element.elementor-element-441b59f{--display:flex;}.elementor-40 .elementor-element.elementor-element-a9041ed{--display:flex;}.elementor-40 .elementor-element.elementor-element-dc8d694{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:var( --e-global-color-primary );}.elementor-40 .elementor-element.elementor-element-9741b45{text-align:center;}.elementor-40 .elementor-element.elementor-element-9741b45 .elementor-heading-title{font-family:"Stardos Stencil", Sans-serif;font-weight:700;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-40 .elementor-element.elementor-element-5eca9b9{--grid-columns:4;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-b9d7785{--content-width:1400px;}}@media(max-width:1024px){.elementor-40 .elementor-element.elementor-element-9733dcb .elementor-counter-title{line-height:1.2em;}.elementor-40 .elementor-element.elementor-element-60e17bc .elementor-counter-title{line-height:1.2em;}.elementor-40 .elementor-element.elementor-element-dab92fe .elementor-counter-title{line-height:1.2em;}.elementor-40 .elementor-element.elementor-element-ed3339d .elementor-counter-title{line-height:1.2em;}.elementor-40 .elementor-element.elementor-element-dc8d694{--e-n-carousel-swiper-slides-to-display:2;}.elementor-40 .elementor-element.elementor-element-5eca9b9{--grid-columns:2;}}@media(max-width:767px){.elementor-40 .elementor-element.elementor-element-bf48644{--container-widget-width:90%;--container-widget-flex-grow:0;width:var( --container-widget-width, 90% );max-width:90%;}.elementor-40 .elementor-element.elementor-element-bf48644 .elementor-heading-title{font-size:32px;line-height:1.1em;}.elementor-40 .elementor-element.elementor-element-dc8d694{--e-n-carousel-swiper-slides-to-display:1;}.elementor-40 .elementor-element.elementor-element-5eca9b9{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-a38a0aa *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b885cc *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49630b5 *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a38a0aa *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b885cc *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49630b5 *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a38a0aa *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b885cc *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49630b5 *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a38a0aa *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3b885cc *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49630b5 *//* ظرف نگهدارنده با فضای سه بعدی */
.crystal-sphere-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
}

/* بدنه اصلی گوی شیشه‌ای کریستالی */
.crystal-sphere {
    position: relative;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    isolation: isolate;
    border: none;
    outline: none;

    /* شیشه کریستالی کاملاً شفاف و لومینوس */
    background: radial-gradient(
        circle at 35% 25%,
        rgba(255, 255, 255, 0.25) 0%,
        rgba(255, 255, 255, 0.04) 35%,
        rgba(0, 229, 153, 0.05) 75%,
        rgba(255, 255, 255, 0.18) 100%
    );

    /* هاله‌های نوری، شکست کریستال و عمق سه‌بعدی */
    box-shadow:
        inset -10px -15px 35px rgba(0, 229, 153, 0.2),      /* هاله سبز نئونی در عمق */
        inset 10px 15px 25px rgba(255, 255, 255, 0.45),     /* نور تیز بازتاب داخلی */
        inset 0 0 15px rgba(255, 255, 255, 0.3),           /* روشنایی سراسری شیشه */
        0 20px 45px rgba(0, 0, 0, 0.5),                    /* سایه زیر گوی روی صفحه */
        0 0 35px rgba(0, 229, 153, 0.25);                  /* درخشش بیرونی اتمسفریک */

    backdrop-filter: blur(2px) brightness(1.2);
    -webkit-backdrop-filter: blur(2px) brightness(1.2);

    /* شناوری ملایم گوی */
    animation: crystalFloat 5s ease-in-out infinite;
}

/* ۱. نور عمقی و درخشش پشت لوگو (برای تفکیک لوگو از پس‌زمینه دارک) */
.sphere-back-glow {
    position: absolute;
    inset: 15%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(0, 229, 153, 0.35) 0%,
        rgba(255, 255, 255, 0.15) 45%,
        transparent 70%
    );
    filter: blur(12px);
    z-index: 1;
    pointer-events: none;
}

/* ۲. هسته‌ی لوگو (کاملاً در مرکز عمق شیشه معلق) */
.sphere-core {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24%;
    transform: translateZ(0);
}

.sphere-core img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    /* افکت عمق سه بعدی روی لوگو */
    filter: 
        drop-shadow(0 8px 16px rgba(0, 0, 0, 0.6))
        drop-shadow(0 0 12px rgba(255, 255, 255, 0.35));
    transition: transform 0.4s ease;
}

/* هاور: کمی جلو آمدن لوگو در شیشه */
.crystal-sphere:hover .sphere-core img {
    transform: scale(1.08);
}

/* ۳. شیشه جلویی (لایه محدب روی لوگو) */
.sphere-glass-front {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 3;
    pointer-events: none;
    /* بازتاب کمانی سطح محدب شیشه */
    background: radial-gradient(
        circle at 50% 10%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0) 55%
    );
}

/* ۴. انعکاس نور تیز روی لنز شیشه (Hotspot) */
.sphere-specular-highlight {
    position: absolute;
    top: 7%;
    left: 18%;
    width: 44%;
    height: 22%;
    border-radius: 50%;
    transform: rotate(-32deg);
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.3) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    filter: blur(1px);
    z-index: 4;
    pointer-events: none;
    /* درخشش دوره‌ای و زنده نور */
    animation: specularGleam 4s ease-in-out infinite;
}

/* انیمیشن شناور بودن سه‌بعدی */
@keyframes crystalFloat {
    0%, 100% {
        transform: translateY(0) rotateX(2deg) rotateY(-4deg);
    }
    50% {
        transform: translateY(-14px) rotateX(-3deg) rotateY(4deg);
    }
}

/* انیمیشن پالس نور روی شیشه */
@keyframes specularGleam {
    0%, 100% {
        opacity: 0.85;
    }
    50% {
        opacity: 1;
        filter: blur(0.5px);
    }
}

/* ریسپانسیو موبایل */
@media (max-width: 767px) {
    .crystal-sphere {
        width: 200px;
        height: 200px;
    }
}/* End custom CSS */