.elementor-408 .elementor-element.elementor-element-573ecef{--display:flex;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-408 .elementor-element.elementor-element-9a8ac92{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-408 .elementor-element.elementor-element-aabe299 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-408 .elementor-element.elementor-element-46bf419{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-408 .elementor-element.elementor-element-aa64d24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-408 .elementor-element.elementor-element-16e189a{--display:flex;}.elementor-408 .elementor-element.elementor-element-b1aa7a3{--display:flex;}.elementor-408 .elementor-element.elementor-element-7138b41{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-408 .elementor-element.elementor-element-6d6714a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-408 .elementor-element.elementor-element-2adf249{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-408 .elementor-element.elementor-element-f5332a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-408 .elementor-element.elementor-element-5da4733{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for case27-listing-feed-widget, class: .elementor-element-7c87f14 */.lf-item-container {
    border-radius: 50px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS *//* ===================================
   کانتینر تصویر هیرو
=================================== */


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

.hero-visual .hero-main-image {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 650px;
}

.hero-visual .hero-main-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}


/* ===================================
   استایل مشترک آیکون‌های شناور
=================================== */

.hero-visual .floating-icon {
    position: absolute;
    z-index: 5;

    width: 78px;
    height: 78px;

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

    border-radius: 50%;

    /* پس‌زمینه شیشه‌ای */
    background: rgba(255, 255, 255, 0.38);
    border: 1px solid rgba(255, 255, 255, 0.72);

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);

    /* سایه */
    box-shadow:
        0 15px 35px rgba(16, 24, 40, 0.15),
        inset 0 1px 1px rgba(255, 255, 255, 0.75);

    /* اجرای روان انیمیشن */
    will-change: transform;
    pointer-events: none;
}

/* اندازه آیکون داخلی */

.hero-visual .floating-icon .elementor-icon {
    font-size: 30px;
    color: #0027dd;
}

.hero-visual .floating-icon img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}


/* ===================================
   موقعیت هر آیکون
=================================== */

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

.hero-visual .icon-one {
    top: 28%;
    right: 44%;
    animation: float-one 4.5s ease-in-out infinite;
}

/* آیکون وسط سمت چپ */

.hero-visual .icon-two {
    top: -30%;
    left: 90%;
    animation: float-two 5.2s ease-in-out infinite;
    animation-delay: -1.4s;
}

/* آیکون پایین سمت راست */

.hero-visual .icon-three {
    right: 19%;
    bottom: -30%;
    animation: float-three 4.8s ease-in-out infinite;
    animation-delay: -2.1s;
}


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

@keyframes float-one {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    50% {
        transform: translate3d(0, -18px, 0) rotate(4deg);
    }
}

@keyframes float-two {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    50% {
        transform: translate3d(0, 16px, 0) rotate(-5deg);
    }
}

@keyframes float-three {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg);
    }

    50% {
        transform: translate3d(0, -14px, 0) rotate(3deg);
    }
}


/*جدید*/


/* تصویر اصلی دایره و پرچم */
.brand-orbit-wrap > .elementor-widget-image,
.brand-orbit-wrap .elementor-widget-image {
    position: relative;
    z-index: 2;
}

/* کانتینر چرخش هر آیکون */
.brand-orbit-wrap .orbit {
    position: absolute;
    top: 37%;
    left: 58%;
    z-index: 8;
    width: 2px !important;
    height: 2px !important;
    overflow: visible !important;
    pointer-events: none;
}

/* مدار اول: حرکت ساعت‌گرد */
.brand-orbit-wrap .orbit-one {
    animation: orbit-clockwise 9s linear infinite;
}

/* مدار دوم: حرکت پادساعت‌گرد و با تأخیر */
.brand-orbit-wrap .orbit-two {
    animation: orbit-counter-clockwise 12s linear infinite;
    animation-delay: -5s;
}

/* =========================================
   دایره شیشه‌ای آیکون‌ها
========================================= */

.brand-orbit-wrap .glass-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: rgba(255, 255, 255, 0.40);
    border: 1px solid rgba(255, 255, 255, 0.82);

    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);

    box-shadow:
        0 12px 28px rgba(0, 39, 221, 0.17),
        inset 0 1px 1px rgba(255, 255, 255, 0.85);

    /* خنثی‌کردن چرخش؛ آیکون همیشه صاف می‌ماند */
    animation: keep-upright 9s linear infinite;
}

/* آیکون دوم، با سرعت و جهت مخالف مدار خودش */
.brand-orbit-wrap .orbit-two .glass-icon {
    animation: keep-upright-reverse 12s linear infinite;
    animation-delay: -5s;
}

/* رنگ و اندازه آیکون‌های داخلی */
.brand-orbit-wrap .glass-icon .elementor-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
}

/* رنگ اختصاصی + */
.brand-orbit-wrap .plus-icon .elementor-icon {
    color: #0027DD;
}

/* رنگ اختصاصی تیک */
.brand-orbit-wrap .check-icon .elementor-icon {
    color: #ffffff;
}

/* زمینه کمی طلایی/سبز برای تیک */
.brand-orbit-wrap .check-icon {
    border-color: rgba(255, 255, 255, 0.88);
}


/* =========================================
   انیمیشن حرکت دور دایره
   عدد 175px = شعاع حرکت آیکون‌ها
========================================= */

@keyframes orbit-clockwise {
    from {
        transform: rotate(0deg) translateX(175px) rotate(0deg);
    }

    to {
        transform: rotate(360deg) translateX(175px) rotate(-360deg);
    }
}

@keyframes orbit-counter-clockwise {
    from {
        transform: rotate(360deg) translateX(175px) rotate(-360deg);
    }

    to {
        transform: rotate(0deg) translateX(175px) rotate(0deg);
    }
}

/* این دو انیمیشن فقط برای صاف ماندن آیکون در حین حرکت هستند */
@keyframes keep-upright {
    from {
        transform: rotate(0deg);
    }

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

@keyframes keep-upright-reverse {
    from {
        transform: rotate(-360deg);
    }

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


/* =========================================
   واکنش‌گرا: تبلت
========================================= */

@media (max-width: 1024px) {
    .brand-orbit-wrap {
        min-height: 390px;
    }

    .brand-orbit-wrap .glass-icon {
        width: 56px;
        height: 56px;
    }

    .brand-orbit-wrap .glass-icon .elementor-icon {
        font-size: 23px;
    }

    @keyframes orbit-clockwise {
        from {
            transform: rotate(0deg) translateX(140px) rotate(0deg);
        }

        to {
            transform: rotate(360deg) translateX(140px) rotate(-360deg);
        }
    }

    @keyframes orbit-counter-clockwise {
        from {
            transform: rotate(360deg) translateX(140px) rotate(-360deg);
        }

        to {
            transform: rotate(0deg) translateX(140px) rotate(0deg);
        }
    }
}


/* =========================================
   واکنش‌گرا: موبایل
========================================= */

@media (max-width: 767px) {
    .brand-orbit-wrap {
        min-height: 310px;
    }

    .brand-orbit-wrap .glass-icon {
        width: 46px;
        height: 46px;
    }

    .brand-orbit-wrap .glass-icon .elementor-icon {
        font-size: 19px;
    }

    @keyframes orbit-clockwise {
        from {
            transform: rotate(0deg) translateX(105px) rotate(0deg);
        }

        to {
            transform: rotate(360deg) translateX(105px) rotate(-360deg);
        }
    }

    @keyframes orbit-counter-clockwise {
        from {
            transform: rotate(360deg) translateX(105px) rotate(-360deg);
        }

        to {
            transform: rotate(0deg) translateX(105px) rotate(0deg);
        }
    }
}/* End custom CSS */