.elementor-11 .elementor-element.elementor-element-9ddb524{--display:flex;--min-height:990px;}.elementor-11 .elementor-element.elementor-element-9ddb524:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-9ddb524 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://zenstyle.store/wp-content/uploads/2026/08/ChatGPT-Image-Aug-7-2026-04_18_03-AM.png");}.elementor-11 .elementor-element.elementor-element-5886398{--display:flex;--position:fixed;--min-height:100px;top:0px;--z-index:2;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-5886398{left:0px;}body.rtl .elementor-11 .elementor-element.elementor-element-5886398{right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body.elementor-page-11:not(.elementor-motion-effects-element-type-background), body.elementor-page-11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f0e7dc;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-5886398{--content-width:100%;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-9ddb524{--min-height:649px;}.elementor-11 .elementor-element.elementor-element-9ddb524:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-9ddb524 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}}/* Start custom CSS for container, class: .elementor-element-5886398 */.zen-butterflies {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    z-index: 2;
}

.zen-butterflies .butterfly {
    position: absolute;
    left: -100px;
    width: 45px;
    margin: 0;
}

/* الحركة الأساسية */
.zen-butterflies .b1 {
    top: 15%;
    animation: zenFly1 18s linear infinite;
}

.zen-butterflies .b2 {
    top: 30%;
    width: 35px;
    animation: zenFly2 23s linear infinite 3s;
}

.zen-butterflies .b3 {
    top: 50%;
    width: 55px;
    animation: zenFly3 20s linear infinite 7s;
}

.zen-butterflies .b4 {
    top: 68%;
    width: 40px;
    animation: zenFly4 25s linear infinite 5s;
}

.zen-butterflies .b5 {
    top: 82%;
    width: 30px;
    animation: zenFly5 22s linear infinite 10s;
}


/* حركة الفراشات */
@keyframes zenFly1 {
    0% {
        transform: translateX(-100px) translateY(0) rotate(-5deg);
    }
    25% {
        transform: translateX(25vw) translateY(-40px) rotate(8deg);
    }
    50% {
        transform: translateX(50vw) translateY(30px) rotate(-8deg);
    }
    75% {
        transform: translateX(75vw) translateY(-30px) rotate(8deg);
    }
    100% {
        transform: translateX(calc(100vw + 150px)) translateY(0) rotate(-5deg);
    }
}

@keyframes zenFly2 {
    0% {
        transform: translateX(-100px) translateY(0) rotate(8deg);
    }
    50% {
        transform: translateX(50vw) translateY(-60px) rotate(-8deg);
    }
    100% {
        transform: translateX(calc(100vw + 150px)) translateY(20px) rotate(5deg);
    }
}

@keyframes zenFly3 {
    0% {
        transform: translateX(-100px) translateY(20px);
    }
    50% {
        transform: translateX(50vw) translateY(-50px) rotate(10deg);
    }
    100% {
        transform: translateX(calc(100vw + 150px)) translateY(10px) rotate(-5deg);
    }
}

@keyframes zenFly4 {
    0% {
        transform: translateX(-100px);
    }
    50% {
        transform: translateX(50vw) translateY(50px) rotate(-10deg);
    }
    100% {
        transform: translateX(calc(100vw + 150px)) translateY(-20px) rotate(8deg);
    }
}

@keyframes zenFly5 {
    0% {
        transform: translateX(-100px) translateY(-20px);
    }
    50% {
        transform: translateX(50vw) translateY(40px) rotate(8deg);
    }
    100% {
        transform: translateX(calc(100vw + 150px)) translateY(-10px) rotate(-8deg);
    }
}/* End custom CSS */