.elementor-40 .elementor-element.elementor-element-d398f98{--display:flex;--min-height:100vh;--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-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-b27bdcb{--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;--align-items:flex-start;}.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-40 .elementor-element.elementor-element-410873c{--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:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-db372dc{--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;--justify-content:flex-end;}.elementor-40 .elementor-element.elementor-element-24fa494{width:auto;max-width:auto;}.elementor-40 .elementor-element.elementor-element-146a9c5{--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;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:00px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-c0f61bc{width:auto;max-width:auto;}.elementor-40 .elementor-element.elementor-element-c9762b1{--display:flex;--min-height:50px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-40 .elementor-element.elementor-element-9e1c368{--display:flex;--min-height:50px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:50px 50px 50px 50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-9e1c368:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-9e1c368 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-40 .elementor-element.elementor-element-9e1c368::before, .elementor-40 .elementor-element.elementor-element-9e1c368 > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-9e1c368 > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-9e1c368 > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-9e1c368 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-9e1c368 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.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-40 .elementor-element.elementor-element-be6583d .elementor-button{background-color:#00000000;font-family:"Roboto", Sans-serif;font-weight:700;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00000000;border-radius:50px 50px 50px 50px;padding:15px 15px 15px 15px;}.elementor-40 .elementor-element.elementor-element-be6583d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-a43d148{--display:flex;--min-height:50px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:50px 50px 50px 50px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-a43d148:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-a43d148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-40 .elementor-element.elementor-element-a43d148::before, .elementor-40 .elementor-element.elementor-element-a43d148 > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-a43d148 > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-a43d148 > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-a43d148 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-a43d148 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-40 .elementor-element.elementor-element-72c5f95{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-72c5f95 .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-40 .elementor-element.elementor-element-72c5f95 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-40 .elementor-element.elementor-element-b188758{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:2px;}.elementor-40 .elementor-element.elementor-element-b188758 .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-40 .elementor-element.elementor-element-b188758 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-40 .elementor-element.elementor-element-31016f6{--display:flex;--position:fixed;--min-height:100vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:9999;}.elementor-40 .elementor-element.elementor-element-31016f6:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-31016f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}body:not(.rtl) .elementor-40 .elementor-element.elementor-element-31016f6{left:0px;}body.rtl .elementor-40 .elementor-element.elementor-element-31016f6{right:0px;}.elementor-40 .elementor-element.elementor-element-a0dd13d{--display:flex;--min-height:100vh;--justify-content:flex-start;border-style:solid;--border-style:solid;border-width:0px 0px 0px 2px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:2px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-40 .elementor-element.elementor-element-a0dd13d:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-a0dd13d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-40 .elementor-element.elementor-element-a0dd13d.e-con{--align-self:flex-end;}.elementor-40 .elementor-element.elementor-element-13f97bc{--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;border-style:solid;--border-style:solid;border-width:0px 0px 2px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.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-40 .elementor-element.elementor-element-506d693{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-40 .elementor-element.elementor-element-506d693 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-0309a18{--display:flex;--min-height:50px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:50px 50px 50px 50px;--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-40 .elementor-element.elementor-element-0309a18:not(.elementor-motion-effects-element-type-background), .elementor-40 .elementor-element.elementor-element-0309a18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000F2;}.elementor-40 .elementor-element.elementor-element-0309a18::before, .elementor-40 .elementor-element.elementor-element-0309a18 > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-0309a18 > .e-con-inner > .elementor-background-video-container::before, .elementor-40 .elementor-element.elementor-element-0309a18 > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-0309a18 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40 .elementor-element.elementor-element-0309a18 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-40 .elementor-element.elementor-element-0309a18.e-con{--align-self:flex-end;}.elementor-40 .elementor-element.elementor-element-bb5e8d6{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:2px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-40 .elementor-element.elementor-element-bb5e8d6 .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-40 .elementor-element.elementor-element-bb5e8d6 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-40 .elementor-element.elementor-element-75c989c{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:2px;}.elementor-40 .elementor-element.elementor-element-75c989c .elementor-divider-separator{width:60%;margin:0 auto;margin-center:0;}.elementor-40 .elementor-element.elementor-element-75c989c .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-40 .elementor-element.elementor-element-d3bb387{margin:0100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 20px;}.elementor-40 .elementor-element.elementor-element-d3bb387 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:50px;font-weight:700;color:#FFFFFF;}.elementor-40 .elementor-element.elementor-element-6a154a0{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-40 .elementor-element.elementor-element-6a154a0 .elementor-divider-separator{width:100%;}.elementor-40 .elementor-element.elementor-element-6a154a0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-40 .elementor-element.elementor-element-db372dc{--width:30%;}.elementor-40 .elementor-element.elementor-element-146a9c5{--width:10%;}.elementor-40 .elementor-element.elementor-element-c9762b1{--width:30%;}.elementor-40 .elementor-element.elementor-element-9e1c368{--width:130px;}.elementor-40 .elementor-element.elementor-element-a43d148{--width:50px;}.elementor-40 .elementor-element.elementor-element-a0dd13d{--width:28vw;}.elementor-40 .elementor-element.elementor-element-0309a18{--width:50px;}}/* Start custom CSS for container, class: .elementor-element-c9762b1 *//* =========================================
   PART 1: THE "LET'S TALK" BUTTON
   ========================================= */

/* 1. Container Setup */
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: transparent;
    transition: border-color 0.3s ease;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 2. Liquid Wave (Base State - Hidden) */
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -25%;
    width: 150%;
    height: 300%;
    background-color: #333333; /* BUTTON FILL COLOR */
    border-radius: 40%;
    z-index: -1;
    
    /* RESET INSTANTLY when mouse leaves (No animation out) */
    transition: top 0s, transform 0s; 
}

/* 3. Hover Trigger (Liquid Rise) */
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn:hover::before {
    top: -90%;
    transform: rotate(10deg);
    
    /* ANIMATE SMOOTHLY only when entering */
    transition: top 0.6s ease-in-out, transform 0.6s ease-in-out;
}

/* 4. 3D Text Rolling */
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn .elementor-heading-title, 
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn .elementor-button-text,
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn .elementor-widget-container {
    display: block;
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s;
}

/* The New Text */
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn::after {
    content: "LET'S TALK"; /* <--- EDIT TEXT HERE */
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: #fff;
    
    /* Snap back instantly when mouse leaves */
    transition: top 0s;
}

/* Hover: Move Old Text Up */
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn:hover .elementor-heading-title,
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn:hover .elementor-button-text {
    transform: translateY(-150%) skewX(10deg);
    opacity: 0;
}

/* Hover: Move New Text Up (Smoothly) */
.elementor-40 .elementor-element.elementor-element-c9762b1 .talk-pill-btn:hover::after {
    top: 0%;
    transition: top 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}


/* =========================================
   PART 2: THE MENU CIRCLE
   ========================================= */

/* 5. Liquid Wave for Circle */
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-circle-box {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent; 
    transition: border-color 0.3s ease;
    cursor: pointer;
}

.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-circle-box::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -50%;
    width: 200%;
    height: 200%;
    background-color: #333333; /* CIRCLE FILL COLOR */
    border-radius: 40%; 
    z-index: -1; 
    
    /* RESET INSTANTLY when mouse leaves */
    transition: top 0s, transform 0s;
}

/* Hover Trigger: Circle Only */
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-circle-box:hover::before {
    top: -50%;
    transform: rotate(20deg);
    
    /* ANIMATE SMOOTHLY only when entering */
    transition: top 0.6s ease-in-out, transform 0.6s ease-in-out;
}

/* 6. The Lines (Shrink Logic) */
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-line-top, .elementor-40 .elementor-element.elementor-element-c9762b1 .menu-line-bottom,
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-line-top .elementor-widget-container, 
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-line-bottom .elementor-widget-container {
    background: transparent !important;
}

.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-line-top .elementor-divider-separator,
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-line-bottom .elementor-divider-separator {
    /* Lines return to normal slowly or instantly? 
       Set to 0.8s for smooth return, or 0s for instant. 
       Currently keeping smooth return as it looks better. */
    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-line-top .elementor-divider-separator { transform-origin: right center; }
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-line-bottom .elementor-divider-separator { transform-origin: left center; }

.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-circle-box:hover .menu-line-top .elementor-divider-separator,
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-circle-box:hover .menu-line-bottom .elementor-divider-separator { 
    transform: scaleX(0.6); 
    border-color: #ffffff !important;
}

/* Turn lines white on hover */
.elementor-40 .elementor-element.elementor-element-c9762b1 .menu-circle-box:hover .elementor-divider-separator {
    border-color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d398f98 *//* 1. INITIAL STATE (Massive Image) */
.elementor-40 .elementor-element.elementor-element-d398f98 img {
    width: 50vw !important; /* Sets image to 80% of screen width */
    max-width: none !important; /* Removes default Elementor limits */
    transition: width 1.2s cubic-bezier(0.25, 1, 0.5, 1); /* Smooth animation */
    
    /* Optional: If image has extra space around it, remove it */
    margin: 0 !important; 
    padding: 0 !important;
}

/* 2. SCROLLED STATE (Normal Logo Size) */
.elementor-40 .elementor-element.elementor-element-d398f98.elementor-sticky--effects img {
    width: 150px !important; /* The size you want in the navbar */
}

/* 3. CONTAINER ADJUSTMENT */
/* 1. Set the container to relative so the fade sticks to it */
.elementor-40 .elementor-element.elementor-element-d398f98 {
    position: relative;
}

/* =========================================
   1. THE WRAPPER (Handles the Backdrop)
   ========================================= */
.cinematic-menu-wrapper {
    /* pointer-events: none; */
    /* transition: visibility 0s linear 1.2s; */
    /* visibility: hidden; */ 
}

/* The Dark Backdrop */
.cinematic-menu-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    
    /* Smooth Fade (0.8s) */
    transition: opacity 0.8s ease-out;
}

/* =========================================
   2. THE MENU PANEL (Handles the Slide)
   ========================================= */
.cinematic-menu-panel {
    /* transform: translate3d(100%, 0, 0); */
    /* ... other code ... */
}


/* =========================================
   3. THE ACTIVE STATE (Triggers Animation)
   ========================================= */
/* When Javascript adds the 'is-open' class... */

.cinematic-menu-wrapper.is-open {
    visibility: visible;
    pointer-events: auto; /* Re-enable clicking */
    transition-delay: 0s; /* Show immediately */
}

/* Fade in the Backdrop */
.cinematic-menu-wrapper.is-open::before {
    opacity: 0.8; /* Darkness Level */
}

/* Slide in the Menu */
.cinematic-menu-wrapper.is-open .cinematic-menu-panel {
    transform: translate3d(0, 0, 0);
}/* End custom CSS */