.elementor-2783 .elementor-element.elementor-element-567594a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:8px;}.elementor-2783 .elementor-element.elementor-element-567594a:not(.elementor-motion-effects-element-type-background), .elementor-2783 .elementor-element.elementor-element-567594a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F1E8;}.elementor-2783 .elementor-element.elementor-element-3ebd2ea{--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;--justify-content:center;--padding-top:5px;--padding-bottom:5px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .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-2783 .elementor-element.elementor-element-4641391{--display:flex;}.elementor-2783 .elementor-element.elementor-element-e3b0363{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-2783 .elementor-element.elementor-element-e3b0363 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-2783 .elementor-element.elementor-element-243931b{--display:flex;}.elementor-2783 .elementor-element.elementor-element-243931b:not(.elementor-motion-effects-element-type-background), .elementor-2783 .elementor-element.elementor-element-243931b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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-2783 .elementor-element.elementor-element-1a11f23 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-weight:500;color:#2F5142;}.elementor-2783 .elementor-element.elementor-element-9e6d980 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-weight:500;color:#2F5142;}.elementor-2783 .elementor-element.elementor-element-d8e7662 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-weight:500;color:#2F5142;}.elementor-2783 .elementor-element.elementor-element-ff2204f .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-weight:500;color:#2F5142;}.elementor-2783 .elementor-element.elementor-element-5771813 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-weight:500;color:#2F5142;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-2783 .elementor-element.elementor-element-cdd8d27 .elementor-button{fill:#2F5142;color:#2F5142;background-color:#DDD3C3;}.elementor-2783 .elementor-element.elementor-element-cdd8d27 .elementor-button:hover, .elementor-2783 .elementor-element.elementor-element-cdd8d27 .elementor-button:focus{color:#FFFFFF;background-color:#2F5142;}.elementor-2783 .elementor-element.elementor-element-cdd8d27 .elementor-button:hover svg, .elementor-2783 .elementor-element.elementor-element-cdd8d27 .elementor-button:focus svg{fill:#FFFFFF;}.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-2783 .elementor-element.elementor-element-dab8c50 .elementor-icon-wrapper{text-align:center;}.elementor-2783 .elementor-element.elementor-element-dab8c50.elementor-view-stacked .elementor-icon{background-color:#2F5142;color:#F5F1E8;}.elementor-2783 .elementor-element.elementor-element-dab8c50.elementor-view-framed .elementor-icon, .elementor-2783 .elementor-element.elementor-element-dab8c50.elementor-view-default .elementor-icon{color:#2F5142;border-color:#2F5142;}.elementor-2783 .elementor-element.elementor-element-dab8c50.elementor-view-framed .elementor-icon, .elementor-2783 .elementor-element.elementor-element-dab8c50.elementor-view-default .elementor-icon svg{fill:#2F5142;}.elementor-2783 .elementor-element.elementor-element-dab8c50.elementor-view-framed .elementor-icon{background-color:#F5F1E8;}.elementor-2783 .elementor-element.elementor-element-dab8c50.elementor-view-stacked .elementor-icon svg{fill:#F5F1E8;}.elementor-2783 .elementor-element.elementor-element-a5c5f27{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:30px 30px 30px 30px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-2783 .elementor-element.elementor-element-4cd18de .elementor-menu-toggle{margin:0 auto;}.elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu .elementor-item{font-family:"El Messiri", Sans-serif;font-size:16px;font-weight:500;}.elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu--dropdown .elementor-item, .elementor-2783 .elementor-element.elementor-element-4cd18de .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"IBM Plex Sans", Sans-serif;font-weight:500;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-2783 .elementor-element.elementor-element-4641391{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2783 .elementor-element.elementor-element-5bad4cb{text-align:center;}.elementor-2783 .elementor-element.elementor-element-5bad4cb img{width:71%;}.elementor-2783 .elementor-element.elementor-element-1a11f23 .elementor-heading-title{font-size:30px;}.elementor-2783 .elementor-element.elementor-element-9e6d980 .elementor-heading-title{font-size:30px;}.elementor-2783 .elementor-element.elementor-element-d8e7662 .elementor-heading-title{font-size:30px;}.elementor-2783 .elementor-element.elementor-element-ff2204f .elementor-heading-title{font-size:30px;}.elementor-2783 .elementor-element.elementor-element-5771813 .elementor-heading-title{font-size:30px;}.elementor-2783 .elementor-element.elementor-element-dab8c50 .elementor-icon{font-size:20px;}.elementor-2783 .elementor-element.elementor-element-dab8c50 .elementor-icon svg{height:20px;}}@media(max-width:767px){.elementor-2783 .elementor-element.elementor-element-567594a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:2;}.elementor-2783 .elementor-element.elementor-element-3ebd2ea{--width:25%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2783 .elementor-element.elementor-element-4641391{--width:75%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:5px;}.elementor-2783 .elementor-element.elementor-element-4641391.e-con{--align-self:flex-end;}.elementor-2783 .elementor-element.elementor-element-e3b0363{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:75%;--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;}.elementor-2783 .elementor-element.elementor-element-243931b{--min-height:760px;--justify-content:center;}.elementor-2783 .elementor-element.elementor-element-5bad4cb img{width:90%;}.elementor-2783 .elementor-element.elementor-element-5bad4cb{margin:-90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2783 .elementor-element.elementor-element-1a11f23{text-align:center;}.elementor-2783 .elementor-element.elementor-element-1a11f23 .elementor-heading-title{font-size:24px;}.elementor-2783 .elementor-element.elementor-element-9e6d980{text-align:center;}.elementor-2783 .elementor-element.elementor-element-9e6d980 .elementor-heading-title{font-size:24px;}.elementor-2783 .elementor-element.elementor-element-d8e7662{text-align:center;}.elementor-2783 .elementor-element.elementor-element-d8e7662 .elementor-heading-title{font-size:24px;}.elementor-2783 .elementor-element.elementor-element-ff2204f{text-align:center;}.elementor-2783 .elementor-element.elementor-element-ff2204f .elementor-heading-title{font-size:24px;}.elementor-2783 .elementor-element.elementor-element-5771813{text-align:center;}.elementor-2783 .elementor-element.elementor-element-5771813 .elementor-heading-title{font-size:24px;}.elementor-2783 .elementor-element.elementor-element-dab8c50 .elementor-icon{font-size:20px;}.elementor-2783 .elementor-element.elementor-element-dab8c50 .elementor-icon svg{height:20px;}.elementor-2783 .elementor-element.elementor-element-dab8c50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2783 .elementor-element.elementor-element-a5c5f27{--width:20%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}}@media(min-width:768px){.elementor-2783 .elementor-element.elementor-element-567594a{--content-width:1300px;}.elementor-2783 .elementor-element.elementor-element-3ebd2ea{--width:10%;}.elementor-2783 .elementor-element.elementor-element-a5c5f27{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2783 .elementor-element.elementor-element-3ebd2ea{--width:20%;}}/* Start custom CSS for heading, class: .elementor-element-1a11f23 *//* =========================================================
   ZEISHA SPA — FIXED HEADING CARD
   Paste into EACH Heading Widget
   Advanced > Custom CSS

   IMPORTANT:
   Font-family and font-size are NOT changed
========================================================= */


/* =========================================================
   01. WIDGET CONTAINER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-1a11f23 {
    position: relative;

    width: 100%;

    padding: 10px 16px !important;

    margin: 0 !important;

    overflow: visible !important;

    border:
        1px solid rgba(152, 169, 149, 0.28);

    border-radius:
        4px;

    background:
        linear-gradient(
            135deg,
            rgba(250, 248, 243, 0.92) 0%,
            rgba(245, 241, 232, 0.96) 100%
        );

    box-shadow:
        0 4px 12px rgba(29, 48, 40, 0.025);

    isolation: isolate;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        border-color 0.4s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;
}


/* =========================================================
   02. HEADING WRAPPER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-1a11f23 .elementor-widget-container {
    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   03. HEADING TITLE
========================================================= */

.elementor-2783 .elementor-element.elementor-element-1a11f23 .elementor-heading-title {
    position: relative;

    display: block;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    line-height: 1.2 !important;

    z-index: 3;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        color 0.4s ease;
}


/* =========================================================
   04. LEFT GOLD ACCENT
========================================================= */

.elementor-2783 .elementor-element.elementor-element-1a11f23::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 2px;
    height: 0;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            #B79B6C,
            transparent
        );

    opacity: 0;

    transition:
        height 0.45s cubic-bezier(.16,1,.3,1),
        opacity 0.35s ease;

    pointer-events: none;

    z-index: 4;
}


/* =========================================================
   05. SHIMMER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-1a11f23::after {
    content: "";

    position: absolute;

    top: -70%;
    left: -80px;

    width: 40px;
    height: 240%;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(183,155,108,0.00) 20%,
            rgba(183,155,108,0.16) 50%,
            rgba(183,155,108,0.00) 80%,
            transparent 100%
        );

    transform:
        rotate(14deg);

    transition:
        left 0.8s cubic-bezier(.16,1,.3,1);

    pointer-events: none;

    z-index: 1;
}


/* =========================================================
   06. HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .elementor-2783 .elementor-element.elementor-element-1a11f23:hover {
        transform:
            translateX(5px)
            translateY(-2px);

        border-color:
            rgba(183,155,108,0.45);

        background:
            linear-gradient(
                135deg,
                rgba(250,248,243,1) 0%,
                rgba(245,241,232,0.98) 100%
            );

        box-shadow:
            0 8px 20px rgba(29,48,40,0.07);
    }


    .elementor-2783 .elementor-element.elementor-element-1a11f23:hover::before {
        height:
            60%;

        opacity:
            1;
    }


    .elementor-2783 .elementor-element.elementor-element-1a11f23:hover::after {
        left:
            115%;
    }


    .elementor-2783 .elementor-element.elementor-element-1a11f23:hover .elementor-heading-title {
        transform:
            translateX(4px);

        color:
            #2F5142 !important;
    }

}


/* =========================================================
   07. MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-2783 .elementor-element.elementor-element-1a11f23 {
        padding:
            9px 14px !important;
    }

}


/* =========================================================
   08. SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .elementor-2783 .elementor-element.elementor-element-1a11f23 {
        padding:
            8px 12px !important;
    }

}


/* =========================================================
   09. REDUCED MOTION
========================================================= */

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

    .elementor-2783 .elementor-element.elementor-element-1a11f23,
    .elementor-2783 .elementor-element.elementor-element-1a11f23 *,
    .elementor-2783 .elementor-element.elementor-element-1a11f23::before,
    .elementor-2783 .elementor-element.elementor-element-1a11f23::after {
        animation:
            none !important;

        transition:
            none !important;

        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9e6d980 *//* =========================================================
   ZEISHA SPA — FIXED HEADING CARD
   Paste into EACH Heading Widget
   Advanced > Custom CSS

   IMPORTANT:
   Font-family and font-size are NOT changed
========================================================= */


/* =========================================================
   01. WIDGET CONTAINER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-9e6d980 {
    position: relative;

    width: 100%;

    padding: 10px 16px !important;

    margin: 0 !important;

    overflow: visible !important;

    border:
        1px solid rgba(152, 169, 149, 0.28);

    border-radius:
        4px;

    background:
        linear-gradient(
            135deg,
            rgba(250, 248, 243, 0.92) 0%,
            rgba(245, 241, 232, 0.96) 100%
        );

    box-shadow:
        0 4px 12px rgba(29, 48, 40, 0.025);

    isolation: isolate;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        border-color 0.4s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;
}


/* =========================================================
   02. HEADING WRAPPER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-9e6d980 .elementor-widget-container {
    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   03. HEADING TITLE
========================================================= */

.elementor-2783 .elementor-element.elementor-element-9e6d980 .elementor-heading-title {
    position: relative;

    display: block;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    line-height: 1.2 !important;

    z-index: 3;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        color 0.4s ease;
}


/* =========================================================
   04. LEFT GOLD ACCENT
========================================================= */

.elementor-2783 .elementor-element.elementor-element-9e6d980::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 2px;
    height: 0;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            #B79B6C,
            transparent
        );

    opacity: 0;

    transition:
        height 0.45s cubic-bezier(.16,1,.3,1),
        opacity 0.35s ease;

    pointer-events: none;

    z-index: 4;
}


/* =========================================================
   05. SHIMMER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-9e6d980::after {
    content: "";

    position: absolute;

    top: -70%;
    left: -80px;

    width: 40px;
    height: 240%;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(183,155,108,0.00) 20%,
            rgba(183,155,108,0.16) 50%,
            rgba(183,155,108,0.00) 80%,
            transparent 100%
        );

    transform:
        rotate(14deg);

    transition:
        left 0.8s cubic-bezier(.16,1,.3,1);

    pointer-events: none;

    z-index: 1;
}


/* =========================================================
   06. HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .elementor-2783 .elementor-element.elementor-element-9e6d980:hover {
        transform:
            translateX(5px)
            translateY(-2px);

        border-color:
            rgba(183,155,108,0.45);

        background:
            linear-gradient(
                135deg,
                rgba(250,248,243,1) 0%,
                rgba(245,241,232,0.98) 100%
            );

        box-shadow:
            0 8px 20px rgba(29,48,40,0.07);
    }


    .elementor-2783 .elementor-element.elementor-element-9e6d980:hover::before {
        height:
            60%;

        opacity:
            1;
    }


    .elementor-2783 .elementor-element.elementor-element-9e6d980:hover::after {
        left:
            115%;
    }


    .elementor-2783 .elementor-element.elementor-element-9e6d980:hover .elementor-heading-title {
        transform:
            translateX(4px);

        color:
            #2F5142 !important;
    }

}


/* =========================================================
   07. MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-2783 .elementor-element.elementor-element-9e6d980 {
        padding:
            9px 14px !important;
    }

}


/* =========================================================
   08. SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .elementor-2783 .elementor-element.elementor-element-9e6d980 {
        padding:
            8px 12px !important;
    }

}


/* =========================================================
   09. REDUCED MOTION
========================================================= */

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

    .elementor-2783 .elementor-element.elementor-element-9e6d980,
    .elementor-2783 .elementor-element.elementor-element-9e6d980 *,
    .elementor-2783 .elementor-element.elementor-element-9e6d980::before,
    .elementor-2783 .elementor-element.elementor-element-9e6d980::after {
        animation:
            none !important;

        transition:
            none !important;

        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d8e7662 *//* =========================================================
   ZEISHA SPA — FIXED HEADING CARD
   Paste into EACH Heading Widget
   Advanced > Custom CSS

   IMPORTANT:
   Font-family and font-size are NOT changed
========================================================= */


/* =========================================================
   01. WIDGET CONTAINER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-d8e7662 {
    position: relative;

    width: 100%;

    padding: 10px 16px !important;

    margin: 0 !important;

    overflow: visible !important;

    border:
        1px solid rgba(152, 169, 149, 0.28);

    border-radius:
        4px;

    background:
        linear-gradient(
            135deg,
            rgba(250, 248, 243, 0.92) 0%,
            rgba(245, 241, 232, 0.96) 100%
        );

    box-shadow:
        0 4px 12px rgba(29, 48, 40, 0.025);

    isolation: isolate;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        border-color 0.4s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;
}


/* =========================================================
   02. HEADING WRAPPER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-d8e7662 .elementor-widget-container {
    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   03. HEADING TITLE
========================================================= */

.elementor-2783 .elementor-element.elementor-element-d8e7662 .elementor-heading-title {
    position: relative;

    display: block;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    line-height: 1.2 !important;

    z-index: 3;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        color 0.4s ease;
}


/* =========================================================
   04. LEFT GOLD ACCENT
========================================================= */

.elementor-2783 .elementor-element.elementor-element-d8e7662::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 2px;
    height: 0;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            #B79B6C,
            transparent
        );

    opacity: 0;

    transition:
        height 0.45s cubic-bezier(.16,1,.3,1),
        opacity 0.35s ease;

    pointer-events: none;

    z-index: 4;
}


/* =========================================================
   05. SHIMMER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-d8e7662::after {
    content: "";

    position: absolute;

    top: -70%;
    left: -80px;

    width: 40px;
    height: 240%;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(183,155,108,0.00) 20%,
            rgba(183,155,108,0.16) 50%,
            rgba(183,155,108,0.00) 80%,
            transparent 100%
        );

    transform:
        rotate(14deg);

    transition:
        left 0.8s cubic-bezier(.16,1,.3,1);

    pointer-events: none;

    z-index: 1;
}


/* =========================================================
   06. HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .elementor-2783 .elementor-element.elementor-element-d8e7662:hover {
        transform:
            translateX(5px)
            translateY(-2px);

        border-color:
            rgba(183,155,108,0.45);

        background:
            linear-gradient(
                135deg,
                rgba(250,248,243,1) 0%,
                rgba(245,241,232,0.98) 100%
            );

        box-shadow:
            0 8px 20px rgba(29,48,40,0.07);
    }


    .elementor-2783 .elementor-element.elementor-element-d8e7662:hover::before {
        height:
            60%;

        opacity:
            1;
    }


    .elementor-2783 .elementor-element.elementor-element-d8e7662:hover::after {
        left:
            115%;
    }


    .elementor-2783 .elementor-element.elementor-element-d8e7662:hover .elementor-heading-title {
        transform:
            translateX(4px);

        color:
            #2F5142 !important;
    }

}


/* =========================================================
   07. MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-2783 .elementor-element.elementor-element-d8e7662 {
        padding:
            9px 14px !important;
    }

}


/* =========================================================
   08. SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .elementor-2783 .elementor-element.elementor-element-d8e7662 {
        padding:
            8px 12px !important;
    }

}


/* =========================================================
   09. REDUCED MOTION
========================================================= */

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

    .elementor-2783 .elementor-element.elementor-element-d8e7662,
    .elementor-2783 .elementor-element.elementor-element-d8e7662 *,
    .elementor-2783 .elementor-element.elementor-element-d8e7662::before,
    .elementor-2783 .elementor-element.elementor-element-d8e7662::after {
        animation:
            none !important;

        transition:
            none !important;

        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ff2204f *//* =========================================================
   ZEISHA SPA — FIXED HEADING CARD
   Paste into EACH Heading Widget
   Advanced > Custom CSS

   IMPORTANT:
   Font-family and font-size are NOT changed
========================================================= */


/* =========================================================
   01. WIDGET CONTAINER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-ff2204f {
    position: relative;

    width: 100%;

    padding: 10px 16px !important;

    margin: 0 !important;

    overflow: visible !important;

    border:
        1px solid rgba(152, 169, 149, 0.28);

    border-radius:
        4px;

    background:
        linear-gradient(
            135deg,
            rgba(250, 248, 243, 0.92) 0%,
            rgba(245, 241, 232, 0.96) 100%
        );

    box-shadow:
        0 4px 12px rgba(29, 48, 40, 0.025);

    isolation: isolate;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        border-color 0.4s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;
}


/* =========================================================
   02. HEADING WRAPPER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-ff2204f .elementor-widget-container {
    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   03. HEADING TITLE
========================================================= */

.elementor-2783 .elementor-element.elementor-element-ff2204f .elementor-heading-title {
    position: relative;

    display: block;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    line-height: 1.2 !important;

    z-index: 3;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        color 0.4s ease;
}


/* =========================================================
   04. LEFT GOLD ACCENT
========================================================= */

.elementor-2783 .elementor-element.elementor-element-ff2204f::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 2px;
    height: 0;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            #B79B6C,
            transparent
        );

    opacity: 0;

    transition:
        height 0.45s cubic-bezier(.16,1,.3,1),
        opacity 0.35s ease;

    pointer-events: none;

    z-index: 4;
}


/* =========================================================
   05. SHIMMER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-ff2204f::after {
    content: "";

    position: absolute;

    top: -70%;
    left: -80px;

    width: 40px;
    height: 240%;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(183,155,108,0.00) 20%,
            rgba(183,155,108,0.16) 50%,
            rgba(183,155,108,0.00) 80%,
            transparent 100%
        );

    transform:
        rotate(14deg);

    transition:
        left 0.8s cubic-bezier(.16,1,.3,1);

    pointer-events: none;

    z-index: 1;
}


/* =========================================================
   06. HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .elementor-2783 .elementor-element.elementor-element-ff2204f:hover {
        transform:
            translateX(5px)
            translateY(-2px);

        border-color:
            rgba(183,155,108,0.45);

        background:
            linear-gradient(
                135deg,
                rgba(250,248,243,1) 0%,
                rgba(245,241,232,0.98) 100%
            );

        box-shadow:
            0 8px 20px rgba(29,48,40,0.07);
    }


    .elementor-2783 .elementor-element.elementor-element-ff2204f:hover::before {
        height:
            60%;

        opacity:
            1;
    }


    .elementor-2783 .elementor-element.elementor-element-ff2204f:hover::after {
        left:
            115%;
    }


    .elementor-2783 .elementor-element.elementor-element-ff2204f:hover .elementor-heading-title {
        transform:
            translateX(4px);

        color:
            #2F5142 !important;
    }

}


/* =========================================================
   07. MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-2783 .elementor-element.elementor-element-ff2204f {
        padding:
            9px 14px !important;
    }

}


/* =========================================================
   08. SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .elementor-2783 .elementor-element.elementor-element-ff2204f {
        padding:
            8px 12px !important;
    }

}


/* =========================================================
   09. REDUCED MOTION
========================================================= */

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

    .elementor-2783 .elementor-element.elementor-element-ff2204f,
    .elementor-2783 .elementor-element.elementor-element-ff2204f *,
    .elementor-2783 .elementor-element.elementor-element-ff2204f::before,
    .elementor-2783 .elementor-element.elementor-element-ff2204f::after {
        animation:
            none !important;

        transition:
            none !important;

        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5771813 *//* =========================================================
   ZEISHA SPA — FIXED HEADING CARD
   Paste into EACH Heading Widget
   Advanced > Custom CSS

   IMPORTANT:
   Font-family and font-size are NOT changed
========================================================= */


/* =========================================================
   01. WIDGET CONTAINER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-5771813 {
    position: relative;

    width: 100%;

    padding: 10px 16px !important;

    margin: 0 !important;

    overflow: visible !important;

    border:
        1px solid rgba(152, 169, 149, 0.28);

    border-radius:
        4px;

    background:
        linear-gradient(
            135deg,
            rgba(250, 248, 243, 0.92) 0%,
            rgba(245, 241, 232, 0.96) 100%
        );

    box-shadow:
        0 4px 12px rgba(29, 48, 40, 0.025);

    isolation: isolate;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        border-color 0.4s ease,
        box-shadow 0.45s ease,
        background 0.45s ease;
}


/* =========================================================
   02. HEADING WRAPPER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-5771813 .elementor-widget-container {
    position: relative;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   03. HEADING TITLE
========================================================= */

.elementor-2783 .elementor-element.elementor-element-5771813 .elementor-heading-title {
    position: relative;

    display: block;

    width: 100%;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    line-height: 1.2 !important;

    z-index: 3;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        color 0.4s ease;
}


/* =========================================================
   04. LEFT GOLD ACCENT
========================================================= */

.elementor-2783 .elementor-element.elementor-element-5771813::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 2px;
    height: 0;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            to bottom,
            transparent,
            #B79B6C,
            transparent
        );

    opacity: 0;

    transition:
        height 0.45s cubic-bezier(.16,1,.3,1),
        opacity 0.35s ease;

    pointer-events: none;

    z-index: 4;
}


/* =========================================================
   05. SHIMMER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-5771813::after {
    content: "";

    position: absolute;

    top: -70%;
    left: -80px;

    width: 40px;
    height: 240%;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(183,155,108,0.00) 20%,
            rgba(183,155,108,0.16) 50%,
            rgba(183,155,108,0.00) 80%,
            transparent 100%
        );

    transform:
        rotate(14deg);

    transition:
        left 0.8s cubic-bezier(.16,1,.3,1);

    pointer-events: none;

    z-index: 1;
}


/* =========================================================
   06. HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .elementor-2783 .elementor-element.elementor-element-5771813:hover {
        transform:
            translateX(5px)
            translateY(-2px);

        border-color:
            rgba(183,155,108,0.45);

        background:
            linear-gradient(
                135deg,
                rgba(250,248,243,1) 0%,
                rgba(245,241,232,0.98) 100%
            );

        box-shadow:
            0 8px 20px rgba(29,48,40,0.07);
    }


    .elementor-2783 .elementor-element.elementor-element-5771813:hover::before {
        height:
            60%;

        opacity:
            1;
    }


    .elementor-2783 .elementor-element.elementor-element-5771813:hover::after {
        left:
            115%;
    }


    .elementor-2783 .elementor-element.elementor-element-5771813:hover .elementor-heading-title {
        transform:
            translateX(4px);

        color:
            #2F5142 !important;
    }

}


/* =========================================================
   07. MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-2783 .elementor-element.elementor-element-5771813 {
        padding:
            9px 14px !important;
    }

}


/* =========================================================
   08. SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .elementor-2783 .elementor-element.elementor-element-5771813 {
        padding:
            8px 12px !important;
    }

}


/* =========================================================
   09. REDUCED MOTION
========================================================= */

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

    .elementor-2783 .elementor-element.elementor-element-5771813,
    .elementor-2783 .elementor-element.elementor-element-5771813 *,
    .elementor-2783 .elementor-element.elementor-element-5771813::before,
    .elementor-2783 .elementor-element.elementor-element-5771813::after {
        animation:
            none !important;

        transition:
            none !important;

        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-243931b *//* =========================================================
   ZEISHA SPA — LUXURY OFF-CANVAS MENU
   - DO NOT CHANGE FONT
   - DO NOT CHANGE FONT SIZE
   - DO NOT CHANGE EXISTING ELEMENT SIZES
   - NO SCROLL
   - NO HORIZONTAL DRAG
========================================================= */


/* =========================================================
   01. MAIN CONTAINER
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b {
    --z-green: #2F5142;
    --z-dark: #1D3028;
    --z-ivory: #F5F1E8;
    --z-light: #FAF8F3;
    --z-sage: #98A995;
    --z-beige: #DDD3C3;
    --z-gold: #B79B6C;

    position: relative;

    width: 100% !important;
    max-width: 100% !important;

    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;

    margin: 0 !important;

    overflow: hidden !important;
    overflow-x: clip !important;
    overflow-y: clip !important;

    overscroll-behavior: none !important;

    touch-action: none;

    box-sizing: border-box;

    isolation: isolate;

    background:
        linear-gradient(
            145deg,
            #FAF8F3 0%,
            #F5F1E8 60%,
            #F2EBDD 100%
        );

    box-shadow:
        24px 0 70px rgba(29,48,40,0.14);

    animation:
        zeishaMenuEntrance 0.8s
        cubic-bezier(.16,1,.3,1)
        both;
}


/* =========================================================
   02. LOCK ALL CHILDREN INSIDE PANEL
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b *,
.elementor-2783 .elementor-element.elementor-element-243931b *::before,
.elementor-2783 .elementor-element.elementor-element-243931b *::after {
    box-sizing: border-box;
}


.elementor-2783 .elementor-element.elementor-element-243931b > * {
    max-width: 100% !important;
}


/* Prevent anything from forcing horizontal overflow */
.elementor-2783 .elementor-element.elementor-element-243931b img,
.elementor-2783 .elementor-element.elementor-element-243931b svg,
.elementor-2783 .elementor-element.elementor-element-243931b a,
.elementor-2783 .elementor-element.elementor-element-243931b button,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-element,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-widget-container,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu li {
    max-width: 100% !important;
}


/* =========================================================
   03. ENTRANCE ANIMATION
========================================================= */

@keyframes zeishaMenuEntrance {

    0% {
        opacity: 0;

        transform:
            translate3d(-28px, 0, 0);

        filter:
            blur(5px);
    }

    45% {
        opacity: 1;
    }

    100% {
        opacity: 1;

        transform:
            translate3d(0, 0, 0);

        filter:
            blur(0);
    }

}


/* =========================================================
   04. LARGE DECORATIVE GOLD CIRCLE
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b::before {
    content: "";

    position: absolute;

    width: 260px;
    height: 260px;

    top: -145px;
    right: -125px;

    border:
        1px solid rgba(183,155,108,0.25);

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.72)
        rotate(-18deg);

    animation:
        zeishaCircleReveal 1.3s
        0.2s
        cubic-bezier(.16,1,.3,1)
        forwards;

    pointer-events: none;

    z-index: 0;
}


/* =========================================================
   05. SECOND DECORATIVE CIRCLE
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b::after {
    content: "";

    position: absolute;

    width: 180px;
    height: 180px;

    left: -105px;
    bottom: -100px;

    border:
        1px solid rgba(47,81,66,0.10);

    border-radius: 50%;

    opacity: 0;

    transform:
        scale(0.7);

    animation:
        zeishaCircleReveal 1.35s
        0.35s
        cubic-bezier(.16,1,.3,1)
        forwards;

    pointer-events: none;

    z-index: 0;
}


@keyframes zeishaCircleReveal {

    0% {
        opacity: 0;

        transform:
            scale(0.68)
            rotate(-20deg);
    }

    100% {
        opacity: 1;

        transform:
            scale(1)
            rotate(0);
    }

}


/* =========================================================
   06. CONTENT ABOVE DECORATION
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b > .elementor-element {
    position: relative;

    z-index: 2;
}


/* =========================================================
   07. LOGO ENTRANCE
   Does NOT change logo dimensions
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-widget-image {
    animation:
        zeishaLogoReveal 0.85s
        0.12s
        cubic-bezier(.16,1,.3,1)
        both;
}


@keyframes zeishaLogoReveal {

    0% {
        opacity: 0;

        transform:
            translateY(-15px)
            scale(.96);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }

}


/* =========================================================
   08. MENU ITEMS
   Typography untouched
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li {
    position: relative;

    overflow: hidden;

    opacity: 0;

    transform:
        translateX(-18px);

    animation:
        zeishaNavReveal 0.65s
        cubic-bezier(.16,1,.3,1)
        forwards;
}


/* Sequential reveal */
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li:nth-child(1) {
    animation-delay: .22s;
}

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li:nth-child(2) {
    animation-delay: .30s;
}

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li:nth-child(3) {
    animation-delay: .38s;
}

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li:nth-child(4) {
    animation-delay: .46s;
}

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li:nth-child(5) {
    animation-delay: .54s;
}

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li:nth-child(6) {
    animation-delay: .62s;
}


@keyframes zeishaNavReveal {

    0% {
        opacity: 0;

        transform:
            translateX(-18px);
    }

    100% {
        opacity: 1;

        transform:
            translateX(0);
    }

}


/* =========================================================
   09. MENU LINK
   IMPORTANT:
   no font-family
   no font-size
   no font-weight
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li > a {
    position: relative;

    background:
        transparent !important;

    transition:
        color 0.4s ease,
        transform 0.5s cubic-bezier(.16,1,.3,1),
        padding-left 0.5s cubic-bezier(.16,1,.3,1);

    will-change:
        transform;
}


/* =========================================================
   10. GOLD HOVER LINE
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li > a::after {
    content: "";

    position: absolute;

    left: 0;
    bottom: 3px;

    width: 0;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            #B79B6C 0%,
            rgba(183,155,108,0.4) 55%,
            transparent 100%
        );

    opacity: 0;

    transition:
        width 0.55s cubic-bezier(.16,1,.3,1),
        opacity 0.35s ease;

    pointer-events: none;
}


/* =========================================================
   11. SMALL GOLD MARK
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li > a::before {
    content: "";

    position: absolute;

    left: 0;
    top: 50%;

    width: 4px;
    height: 4px;

    border-radius: 50%;

    background:
        #B79B6C;

    transform:
        translateY(-50%)
        scale(0);

    opacity: 0;

    transition:
        opacity 0.3s ease,
        transform 0.5s cubic-bezier(.16,1,.3,1);

    pointer-events: none;
}


/* =========================================================
   12. DESKTOP HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li > a:hover {
        color:
            #2F5142 !important;

        transform:
            translateX(7px);
    }


    .elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li > a:hover::before {
        opacity: 1;

        transform:
            translateY(-50%)
            scale(1);
    }


    .elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li > a:hover::after {
        width: 52px;

        opacity: 0.75;
    }

}


/* =========================================================
   13. ACTIVE MENU
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu
> li.current-menu-item
> a::after,

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu
> li.current_page_item
> a::after {

    width: 42px;

    opacity: 0.7;
}


/* =========================================================
   14. BUTTON WIDGET ENTRANCE
   Does not alter button dimensions/font
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-widget-button {
    opacity: 0;

    transform:
        translateY(18px);

    animation:
        zeishaButtonReveal 0.75s
        .65s
        cubic-bezier(.16,1,.3,1)
        forwards;
}


@keyframes zeishaButtonReveal {

    0% {
        opacity: 0;

        transform:
            translateY(18px);
    }

    100% {
        opacity: 1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   15. BOOK BUTTON
   FONT + SIZE UNTOUCHED
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-button {
    position: relative;

    overflow: hidden;

    isolation: isolate;

    transition:
        transform 0.45s cubic-bezier(.16,1,.3,1),
        box-shadow 0.45s ease,
        color 0.4s ease,
        border-color 0.4s ease;
}


/* =========================================================
   16. BUTTON LUXURY SWEEP
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-button::before {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(183,155,108,0.00) 30%,
            rgba(183,155,108,0.25) 50%,
            rgba(183,155,108,0.00) 70%,
            transparent 100%
        );

    transform:
        translateX(-130%);

    transition:
        transform 0.9s cubic-bezier(.16,1,.3,1);

    pointer-events: none;

    z-index: 1;
}


.elementor-2783 .elementor-element.elementor-element-243931b .elementor-button-content-wrapper {
    position: relative;

    z-index: 2;
}


/* =========================================================
   17. BUTTON HOVER
========================================================= */

@media (hover: hover) and (pointer: fine) {

    .elementor-2783 .elementor-element.elementor-element-243931b .elementor-button:hover {
        transform:
            translateY(-2px);

        box-shadow:
            0 10px 24px rgba(29,48,40,0.11);
    }


    .elementor-2783 .elementor-element.elementor-element-243931b .elementor-button:hover::before {
        transform:
            translateX(130%);
    }

}


/* =========================================================
   18. REMOVE ALL POSSIBLE SCROLLBARS
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-widget-wrap,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-widget-container,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu--dropdown,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu__container {
    overflow:
        hidden !important;

    overflow-x:
        clip !important;

    overflow-y:
        clip !important;

    scrollbar-width:
        none !important;

    -ms-overflow-style:
        none !important;
}


.elementor-2783 .elementor-element.elementor-element-243931b::-webkit-scrollbar,
.elementor-2783 .elementor-element.elementor-element-243931b *::-webkit-scrollbar {
    display:
        none !important;

    width:
        0 !important;

    height:
        0 !important;
}


/* =========================================================
   19. PREVENT HORIZONTAL DRAG / OVERFLOW
========================================================= */

.elementor-2783 .elementor-element.elementor-element-243931b .elementor-element,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-widget,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-widget-container,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu li,
.elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu a {
    min-width:
        0 !important;

    max-width:
        100% !important;
}


/* =========================================================
   20. TOUCH DEVICES
   Allow taps but not page dragging within panel
========================================================= */

@media (hover: none) {

    .elementor-2783 .elementor-element.elementor-element-243931b {
        touch-action:
            none !important;
    }


    .elementor-2783 .elementor-element.elementor-element-243931b a,
    .elementor-2783 .elementor-element.elementor-element-243931b button {
        touch-action:
            manipulation !important;
    }

}


/* =========================================================
   21. REDUCED MOTION
========================================================= */

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

    .elementor-2783 .elementor-element.elementor-element-243931b,
    .elementor-2783 .elementor-element.elementor-element-243931b *,
    .elementor-2783 .elementor-element.elementor-element-243931b::before,
    .elementor-2783 .elementor-element.elementor-element-243931b::after {
        animation:
            none !important;

        transition:
            none !important;
    }


    .elementor-2783 .elementor-element.elementor-element-243931b .elementor-nav-menu > li,
    .elementor-2783 .elementor-element.elementor-element-243931b .elementor-widget-button {
        opacity:
            1 !important;

        transform:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5c5f27 */.spa-nav{

    /* gradient warna spa */
    background: linear-gradient(
        135deg,
        rgba(248,246,238,0.85),
        rgba(246,239,214,0.65)
    );

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

    border:1px solid rgba(201,162,58,0.35);

    border-radius:60px;
    box-shadow:
        0 8px 25px rgba(0,0,0,0.05),
        inset 0 0 25px rgba(255,255,255,0.25);

}/* End custom CSS */