.elementor-1392 .elementor-element.elementor-element-9a30bdb{--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-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 );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1392 .elementor-element.elementor-element-bc78433 .elementor-nav-menu .elementor-item{font-family:"Poppins", Sans-serif;font-weight:400;}.elementor-1392 .elementor-element.elementor-element-bc78433 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-button .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-1392 .elementor-element.elementor-element-8e3588d .elementor-button{font-family:"Cinzel", Sans-serif;font-size:0.938vw;font-weight:500;padding:0px 0px 0px 0px;}#elementor-popup-modal-1392 .dialog-widget-content{animation-duration:1.2s;background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-accent ) 100%);box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1392{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:center;pointer-events:all;}#elementor-popup-modal-1392 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-1392 .dialog-close-button{display:flex;}#elementor-popup-modal-1392 .dialog-close-button i{color:var( --e-global-color-secondary );}#elementor-popup-modal-1392 .dialog-close-button svg{fill:var( --e-global-color-secondary );}@media(max-width:767px){.elementor-1392 .elementor-element.elementor-element-9a30bdb{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1392 .elementor-element.elementor-element-725a391{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-1392 .elementor-element.elementor-element-725a391.elementor-element{--align-self:center;}.elementor-1392 .elementor-element.elementor-element-bc78433 .elementor-nav-menu .elementor-item{font-size:18px;}.elementor-1392 .elementor-element.elementor-element-8e3588d .elementor-button{font-size:18px;}#elementor-popup-modal-1392 .dialog-message{width:300px;}#elementor-popup-modal-1392 .dialog-close-button{font-size:25px;}}/* Start custom CSS for button, class: .elementor-element-8e3588d *//* =========================================================
   MYSTIC MANDALA BUTTON

   Elementor widget class:
   mystic-menu-button

   ללא הגדרות פונטים או גודל טקסט
========================================================= */


/* =========================================================
   WIDGET
========================================================= */

.mystic-menu-button {
    --button-bg: #FAF8F5;
    --button-color: #3E1B25;

    --star-mask:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 784.11 815.53'%3E%3Cpath d='M392.05 0c-20.9 210.08-184.06 378.41-392.05 407.78 207.96 29.37 371.12 197.68 392.05 407.74 20.93-210.06 184.09-378.37 392.05-407.74C576.07 378.4 412.95 210.09 392.05 0z'/%3E%3C/svg%3E");

    position: relative;

    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    display: inline-flex !important;

    align-self: center !important;
    flex: 0 0 auto !important;

    overflow: visible !important;
}

.mystic-menu-button > .elementor-widget-container {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: visible !important;
}

.mystic-menu-button .elementor-button-wrapper {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* =========================================================
   BUTTON
========================================================= */

.mystic-menu-button .elementor-button {
    position: relative;
    isolation: isolate;

    width: auto !important;
    height: auto !important;

    min-width: 160px;
    min-height: 50px;

    padding:
        13px 34px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    color:
        var(--button-color) !important;

    background:
        var(--button-bg) !important;

    border:
        2px dashed
        #8B4B5E !important;

    border-radius:
        999px !important;

    overflow: hidden;

    box-shadow:
        none !important;

    transition:
        color 0.4s ease,
        border-color 0.4s ease,
        transform 0.4s ease,
        box-shadow 0.4s ease !important;
}


/* =========================================================
   LEFT MANDALA
========================================================= */

.mystic-menu-button
.elementor-button::before {
    content: "";

    position: absolute;
    z-index: 0;

    left: -42px;
    top: 50%;

    width: 96px;
    height: 96px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            transparent 0 12%,
            rgba(62, 27, 37, 0.11) 12.5% 14%,
            transparent 14.5% 25%,
            rgba(62, 27, 37, 0.085) 25.5% 27%,
            transparent 27.5% 43%,
            rgba(62, 27, 37, 0.065) 43.5% 45%,
            transparent 45.5%
        ),

        repeating-conic-gradient(
            from 0deg,
            rgba(62, 27, 37, 0.085) 0deg 4deg,
            transparent 4deg 22.5deg
        );

    opacity: 0;

    transform:
        translateY(-50%)
        rotate(-30deg)
        scale(0.45);

    pointer-events: none;

    transition:
        opacity 0.45s ease,
        transform 0.6s
        cubic-bezier(0.2, 0.8, 0.2, 1);
}


/* =========================================================
   RIGHT MANDALA
========================================================= */

.mystic-menu-button
.elementor-button::after {
    content: "";

    position: absolute;
    z-index: 0;

    right: -50px;
    top: 50%;

    width: 112px;
    height: 112px;

    border-radius: 50%;

    background:

        radial-gradient(
            circle,
            transparent 0 9%,
            rgba(62, 27, 37, 0.105) 9.5% 11%,
            transparent 11.5% 21%,
            rgba(62, 27, 37, 0.08) 21.5% 23%,
            transparent 23.5% 36%,
            rgba(62, 27, 37, 0.06) 36.5% 38%,
            transparent 38.5%
        ),

        repeating-conic-gradient(
            from 11.25deg,
            rgba(62, 27, 37, 0.08) 0deg 3deg,
            transparent 3deg 15deg
        );

    opacity: 0;

    transform:
        translateY(-50%)
        rotate(30deg)
        scale(0.45);

    pointer-events: none;

    transition:
        opacity 0.45s ease,
        transform 0.6s
        cubic-bezier(0.2, 0.8, 0.2, 1);
}


/* =========================================================
   TEXT
========================================================= */

.mystic-menu-button
.elementor-button-content-wrapper {
    position: static;

    width: auto !important;
    height: auto !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mystic-menu-button
.elementor-button-text {
    position: relative;
    z-index: 4;
}


/* =========================================================
   TWO OPPOSITE STARS
========================================================= */

.mystic-menu-button
.elementor-button-content-wrapper::before,
.mystic-menu-button
.elementor-button-content-wrapper::after {
    content: "";

    position: absolute;
    z-index: 2;

    display: block;

    background:
        var(--button-color);

    -webkit-mask-image:
        var(--star-mask);

    mask-image:
        var(--star-mask);

    -webkit-mask-repeat:
        no-repeat;

    mask-repeat:
        no-repeat;

    -webkit-mask-position:
        center;

    mask-position:
        center;

    -webkit-mask-size:
        contain;

    mask-size:
        contain;

    opacity: 0;

    pointer-events: none;
}


/* Larger star */

.mystic-menu-button
.elementor-button-content-wrapper::before {
    width: 16px;
    height: 17px;

    animation:
        mystic-star-one
        12s ease-in-out infinite;
}


/* Smaller opposite star */

.mystic-menu-button
.elementor-button-content-wrapper::after {
    width: 12px;
    height: 13px;

    animation:
        mystic-star-two
        12s ease-in-out infinite;
}


/* =========================================================
   HOVER
========================================================= */

.mystic-menu-button
.elementor-button:hover {
    color:
        var(--button-color) !important;

    border-color:
        rgba(62, 27, 37, 0.62) !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 10px 24px
        rgba(62, 27, 37, 0.07) !important;
}

.mystic-menu-button
.elementor-button:hover::before {
    opacity: 0.78;

    transform:
        translateY(-50%)
        rotate(0deg)
        scale(1);

    animation:
        mystic-mandala-left
        12s linear infinite;
}

.mystic-menu-button
.elementor-button:hover::after {
    opacity: 0.74;

    transform:
        translateY(-50%)
        rotate(0deg)
        scale(1);

    animation:
        mystic-mandala-right
        15s linear infinite reverse;
}

.mystic-menu-button
.elementor-button:hover
.elementor-button-content-wrapper::before,
.mystic-menu-button
.elementor-button:hover
.elementor-button-content-wrapper::after {
    animation-duration:
        8s;
}


/* =========================================================
   STAR ONE — SIX POSITIONS
========================================================= */

@keyframes mystic-star-one {

    /* 11 o'clock */

    0% {
        left: 34px;
        top: 5px;
        opacity: 0;
        transform: scale(0) rotate(-20deg);
    }

    2% {
        left: 34px;
        top: 5px;
        opacity: 0.9;
        transform: scale(1) rotate(0deg);
    }

    13% {
        left: 34px;
        top: 5px;
        opacity: 0.9;
        transform: scale(1) rotate(12deg);
    }

    16% {
        left: 34px;
        top: 5px;
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }


    /* 9 o'clock */

    16.7% {
        left: 17px;
        top: calc(50% - 8px);
        opacity: 0;
        transform: scale(0) rotate(-20deg);
    }

    18.7% {
        left: 17px;
        top: calc(50% - 8px);
        opacity: 0.84;
        transform: scale(0.88) rotate(0deg);
    }

    29.7% {
        left: 17px;
        top: calc(50% - 8px);
        opacity: 0.84;
        transform: scale(0.88) rotate(12deg);
    }

    32.7% {
        left: 17px;
        top: calc(50% - 8px);
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }


    /* 7 o'clock */

    33.3% {
        left: 34px;
        top: calc(100% - 22px);
        opacity: 0;
        transform: scale(0) rotate(-20deg);
    }

    35.3% {
        left: 34px;
        top: calc(100% - 22px);
        opacity: 0.88;
        transform: scale(0.94) rotate(0deg);
    }

    46.3% {
        left: 34px;
        top: calc(100% - 22px);
        opacity: 0.88;
        transform: scale(0.94) rotate(12deg);
    }

    49.3% {
        left: 34px;
        top: calc(100% - 22px);
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }


    /* 5 o'clock */

    50% {
        left: calc(100% - 50px);
        top: calc(100% - 22px);
        opacity: 0;
        transform: scale(0) rotate(-20deg);
    }

    52% {
        left: calc(100% - 50px);
        top: calc(100% - 22px);
        opacity: 0.9;
        transform: scale(1) rotate(0deg);
    }

    63% {
        left: calc(100% - 50px);
        top: calc(100% - 22px);
        opacity: 0.9;
        transform: scale(1) rotate(12deg);
    }

    66% {
        left: calc(100% - 50px);
        top: calc(100% - 22px);
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }


    /* 3 o'clock */

    66.7% {
        left: calc(100% - 33px);
        top: calc(50% - 8px);
        opacity: 0;
        transform: scale(0) rotate(-20deg);
    }

    68.7% {
        left: calc(100% - 33px);
        top: calc(50% - 8px);
        opacity: 0.84;
        transform: scale(0.88) rotate(0deg);
    }

    79.7% {
        left: calc(100% - 33px);
        top: calc(50% - 8px);
        opacity: 0.84;
        transform: scale(0.88) rotate(12deg);
    }

    82.7% {
        left: calc(100% - 33px);
        top: calc(50% - 8px);
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }


    /* 1 o'clock */

    83.3% {
        left: calc(100% - 50px);
        top: 5px;
        opacity: 0;
        transform: scale(0) rotate(-20deg);
    }

    85.3% {
        left: calc(100% - 50px);
        top: 5px;
        opacity: 0.88;
        transform: scale(0.94) rotate(0deg);
    }

    96% {
        left: calc(100% - 50px);
        top: 5px;
        opacity: 0.88;
        transform: scale(0.94) rotate(12deg);
    }

    100% {
        left: calc(100% - 50px);
        top: 5px;
        opacity: 0;
        transform: scale(0) rotate(30deg);
    }
}


/* =========================================================
   STAR TWO — OPPOSITE SIX POSITIONS
========================================================= */

@keyframes mystic-star-two {

    /* 5 o'clock */

    0% {
        left: calc(100% - 48px);
        top: calc(100% - 19px);
        opacity: 0;
        transform: scale(0) rotate(20deg);
    }

    2% {
        left: calc(100% - 48px);
        top: calc(100% - 19px);
        opacity: 0.76;
        transform: scale(1) rotate(0deg);
    }

    13% {
        left: calc(100% - 48px);
        top: calc(100% - 19px);
        opacity: 0.76;
        transform: scale(1) rotate(-12deg);
    }

    16% {
        left: calc(100% - 48px);
        top: calc(100% - 19px);
        opacity: 0;
        transform: scale(0) rotate(-30deg);
    }


    /* 3 o'clock */

    16.7% {
        left: calc(100% - 31px);
        top: calc(50% - 6px);
        opacity: 0;
        transform: scale(0) rotate(20deg);
    }

    18.7% {
        left: calc(100% - 31px);
        top: calc(50% - 6px);
        opacity: 0.7;
        transform: scale(0.9) rotate(0deg);
    }

    29.7% {
        left: calc(100% - 31px);
        top: calc(50% - 6px);
        opacity: 0.7;
        transform: scale(0.9) rotate(-12deg);
    }

    32.7% {
        left: calc(100% - 31px);
        top: calc(50% - 6px);
        opacity: 0;
        transform: scale(0) rotate(-30deg);
    }


    /* 1 o'clock */

    33.3% {
        left: calc(100% - 48px);
        top: 6px;
        opacity: 0;
        transform: scale(0) rotate(20deg);
    }

    35.3% {
        left: calc(100% - 48px);
        top: 6px;
        opacity: 0.74;
        transform: scale(0.94) rotate(0deg);
    }

    46.3% {
        left: calc(100% - 48px);
        top: 6px;
        opacity: 0.74;
        transform: scale(0.94) rotate(-12deg);
    }

    49.3% {
        left: calc(100% - 48px);
        top: 6px;
        opacity: 0;
        transform: scale(0) rotate(-30deg);
    }


    /* 11 o'clock */

    50% {
        left: 36px;
        top: 6px;
        opacity: 0;
        transform: scale(0) rotate(20deg);
    }

    52% {
        left: 36px;
        top: 6px;
        opacity: 0.76;
        transform: scale(1) rotate(0deg);
    }

    63% {
        left: 36px;
        top: 6px;
        opacity: 0.76;
        transform: scale(1) rotate(-12deg);
    }

    66% {
        left: 36px;
        top: 6px;
        opacity: 0;
        transform: scale(0) rotate(-30deg);
    }


    /* 9 o'clock */

    66.7% {
        left: 19px;
        top: calc(50% - 6px);
        opacity: 0;
        transform: scale(0) rotate(20deg);
    }

    68.7% {
        left: 19px;
        top: calc(50% - 6px);
        opacity: 0.7;
        transform: scale(0.9) rotate(0deg);
    }

    79.7% {
        left: 19px;
        top: calc(50% - 6px);
        opacity: 0.7;
        transform: scale(0.9) rotate(-12deg);
    }

    82.7% {
        left: 19px;
        top: calc(50% - 6px);
        opacity: 0;
        transform: scale(0) rotate(-30deg);
    }


    /* 7 o'clock */

    83.3% {
        left: 36px;
        top: calc(100% - 19px);
        opacity: 0;
        transform: scale(0) rotate(20deg);
    }

    85.3% {
        left: 36px;
        top: calc(100% - 19px);
        opacity: 0.74;
        transform: scale(0.94) rotate(0deg);
    }

    96% {
        left: 36px;
        top: calc(100% - 19px);
        opacity: 0.74;
        transform: scale(0.94) rotate(-12deg);
    }

    100% {
        left: 36px;
        top: calc(100% - 19px);
        opacity: 0;
        transform: scale(0) rotate(-30deg);
    }
}


/* =========================================================
   MANDALA ANIMATIONS
========================================================= */

@keyframes mystic-mandala-left {

    from {
        transform:
            translateY(-50%)
            rotate(0deg)
            scale(1);
    }

    to {
        transform:
            translateY(-50%)
            rotate(360deg)
            scale(1);
    }
}

@keyframes mystic-mandala-right {

    from {
        transform:
            translateY(-50%)
            rotate(0deg)
            scale(1);
    }

    to {
        transform:
            translateY(-50%)
            rotate(360deg)
            scale(1);
    }
}


/* =========================================================
   KEYBOARD FOCUS
========================================================= */

.mystic-menu-button
.elementor-button:focus-visible {
    outline:
        1px solid
        var(--button-color);

    outline-offset:
        4px;
}


/* =========================================================
   REDUCED MOTION
========================================================= */

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

    .mystic-menu-button *,
    .mystic-menu-button *::before,
    .mystic-menu-button *::after {
        animation:
            none !important;

        transition-duration:
            0.01ms !important;
    }
}/* End custom CSS */