.elementor-75 .elementor-element.elementor-element-f954089{--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-75 .elementor-element.elementor-element-c033f52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-75 .elementor-element.elementor-element-c033f52:not(.elementor-motion-effects-element-type-background), .elementor-75 .elementor-element.elementor-element-c033f52 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-75 .elementor-element.elementor-element-173e6a1{--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-75 .elementor-element.elementor-element-b340412 .elementor-heading-title{color:#2E3192;}.elementor-75 .elementor-element.elementor-element-90a8394{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:125px;}.elementor-75 .elementor-element.elementor-element-90a8394.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-75 .elementor-element.elementor-element-e6d7aac .elementor-wrapper{--video-aspect-ratio:1;}.elementor-75 .elementor-element.elementor-element-e6d7aac .elementor-custom-embed-play i{font-size:108px;}.elementor-75 .elementor-element.elementor-element-e6d7aac .elementor-custom-embed-play svg{width:108px;height:108px;}.elementor-75 .elementor-element.elementor-element-df801ba{--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-75 .elementor-element.elementor-element-17918bd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-75 .elementor-element.elementor-element-2963b91{--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-75 .elementor-element.elementor-element-11a4a53{--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-75 .elementor-element.elementor-element-9349aae{--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-75 .elementor-element.elementor-element-01bbd53{--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-75 .elementor-element.elementor-element-c64e80d{--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-75 .elementor-element.elementor-element-53f328e{--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-75 .elementor-element.elementor-element-f24323b{--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-75 .elementor-element.elementor-element-abfdbe8{--spacer-size:100px;}@media(min-width:768px){.elementor-75 .elementor-element.elementor-element-173e6a1{--width:50%;}.elementor-75 .elementor-element.elementor-element-90a8394{--width:37%;}.elementor-75 .elementor-element.elementor-element-2963b91{--width:25%;}.elementor-75 .elementor-element.elementor-element-11a4a53{--width:25%;}.elementor-75 .elementor-element.elementor-element-9349aae{--width:25%;}.elementor-75 .elementor-element.elementor-element-01bbd53{--width:25%;}.elementor-75 .elementor-element.elementor-element-c64e80d{--width:25%;}.elementor-75 .elementor-element.elementor-element-53f328e{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-c033f52 *//* ==================================================
   حباب‌های متحرک بسیار بزرگ
================================================== */

.moving-bubbles {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* لایه‌های حباب */
.moving-bubbles::before,
.moving-bubbles::after {
    content: "";
    position: absolute;
    pointer-events: none;

    background-image: url("https://mahshooyan.com/wp-content/uploads/2026/07/download-scaled.png");
    background-repeat: no-repeat;
    background-position: center;
    
    z-index: 0;
    will-change: transform;
}

/* لایه اصلی؛ حباب‌های خیلی بزرگ و واضح */
.moving-bubbles::before {
    width: 260%;
    height: 260%;

    top: -80%;
    left: -80%;

    background-size: 100% auto;
    opacity: 0.72;

    animation: bubblesLargeMove 18s ease-in-out infinite alternate;
}

/* لایه دوم؛ حباب‌های بزرگ و کم‌رنگ‌تر */
.moving-bubbles::after {
    width: 210%;
    height: 210%;

    top: -55%;
    left: -55%;

    background-size: 100% auto;
    opacity: 0.28;

    animation: bubblesSecondMove 25s ease-in-out infinite alternate;
}

/* قرار گرفتن محتوای کانتینر روی حباب‌ها */
.moving-bubbles > *,
.moving-bubbles > .e-con-inner {
    position: relative;
    z-index: 2;
}

/* حرکت لایه اصلی */
@keyframes bubblesLargeMove {
    0% {
        transform: translate3d(-50px, 70px, 0) rotate(-1deg) scale(1);
    }

    35% {
        transform: translate3d(70px, -40px, 0) rotate(1deg) scale(1.04);
    }

    70% {
        transform: translate3d(-30px, -90px, 0) rotate(-1deg) scale(1.02);
    }

    100% {
        transform: translate3d(90px, 30px, 0) rotate(1deg) scale(1.06);
    }
}

/* حرکت لایه دوم */
@keyframes bubblesSecondMove {
    0% {
        transform: translate3d(80px, -50px, 0) rotate(1deg) scale(1.02);
    }

    50% {
        transform: translate3d(-80px, 70px, 0) rotate(-1deg) scale(1.08);
    }

    100% {
        transform: translate3d(40px, -100px, 0) rotate(1deg) scale(1.03);
    }
}

/* ==================================================
   نسخه تبلت
================================================== */

@media (max-width: 1024px) {

    .moving-bubbles::before {
        width: 300%;
        height: 300%;

        top: -100%;
        left: -100%;

        opacity: 0.65;
    }

    .moving-bubbles::after {
        width: 240%;
        height: 240%;

        top: -70%;
        left: -70%;

        opacity: 0.24;
    }
}

/* ==================================================
   نسخه موبایل
================================================== */

@media (max-width: 767px) {

    .moving-bubbles::before {
        width: 380%;
        height: 380%;

        top: -140%;
        left: -140%;

        background-size: 100% auto;
        opacity: 0.58;

        animation-duration: 20s;
    }

    .moving-bubbles::after {
        width: 300%;
        height: 300%;

        top: -100%;
        left: -100%;

        background-size: 100% auto;
        opacity: 0.20;

        animation-duration: 28s;
    }
}

/* برای کاربرانی که حرکت انیمیشن را غیرفعال کرده‌اند */
@media (prefers-reduced-motion: reduce) {

    .moving-bubbles::before,
    .moving-bubbles::after {
        animation: none;
    }
}/* End custom CSS */