.elementor-4989 .elementor-element.elementor-element-434ed986{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4989 .elementor-element.elementor-element-5da33d76{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-4989 .elementor-element.elementor-element-5da33d76:not(.elementor-motion-effects-element-type-background), .elementor-4989 .elementor-element.elementor-element-5da33d76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-4989 .elementor-element.elementor-element-5da33d76.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4989 .elementor-element.elementor-element-291b33c9{--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:flex-end;}.elementor-4989 .elementor-element.elementor-element-291b33c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4989 .elementor-element.elementor-element-1f78e5cb > .elementor-widget-container{background-color:#1B1B1B;border-style:solid;border-width:5px 5px 5px 5px;border-color:#6F308B54;border-radius:100% 100% 100% 100%;box-shadow:0px 0px 15px 2px #DD8FFF;}.elementor-4989 .elementor-element.elementor-element-1f78e5cb{z-index:10;}.elementor-4989 .elementor-element.elementor-element-31fb14a5{--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;}.elementor-4989 .elementor-element.elementor-element-55504404 > .elementor-widget-container{background-color:#1B1B1B;margin:0px 0px 0px -30px;padding:10px 30px 10px 30px;border-style:solid;border-width:5px 5px 5px 0px;border-color:#6F308B52;border-radius:0px 50px 50px 0px;box-shadow:0px 0px 15px 2px #DD8FFF;}.elementor-4989 .elementor-element.elementor-element-55504404.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-4989 .elementor-element.elementor-element-55504404{z-index:1;text-align:left;}.elementor-4989 .elementor-element.elementor-element-55504404 .aux-vertical .aux-menu-depth-0 .aux-item-content{text-align:left;}.elementor-4989 .elementor-element.elementor-element-55504404 .aux-menu-depth-0 > .aux-item-content{color:#DD8FFF;font-family:"Space Grotesk", Sans-serif;font-size:20px;}.elementor-4989 .elementor-element.elementor-element-55504404 .aux-menu-depth-0.current-menu-item > a{color:#B206FF;}.elementor-4989 .elementor-element.elementor-element-55504404 .aux-burger:before,  .elementor-4989 .elementor-element.elementor-element-55504404 .aux-burger:after, .elementor-4989 .elementor-element.elementor-element-55504404 .aux-burger .mid-line{border-color:#DD8FFF !important;}.elementor-4989 .elementor-element.elementor-element-4031b8aa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4989 .elementor-element.elementor-element-4031b8aa:not(.elementor-motion-effects-element-type-background), .elementor-4989 .elementor-element.elementor-element-4031b8aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B1B1B;}.elementor-4989 .elementor-element.elementor-element-19724a79{--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-4989 .elementor-element.elementor-element-12e760ff{--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-4989 .elementor-element.elementor-element-675eb507{text-align:left;}.elementor-4989 .elementor-element.elementor-element-675eb507 .aux-vertical .aux-menu-depth-0 .aux-item-content{text-align:left;}.elementor-4989 .elementor-element.elementor-element-675eb507 .aux-burger:before,  .elementor-4989 .elementor-element.elementor-element-675eb507 .aux-burger:after, .elementor-4989 .elementor-element.elementor-element-675eb507 .aux-burger .mid-line{border-color:#7d1d8d !important;}.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-4989 .elementor-element.elementor-element-291b33c9{--width:30%;}.elementor-4989 .elementor-element.elementor-element-31fb14a5{--width:70%;}.elementor-4989 .elementor-element.elementor-element-19724a79{--width:33.3333%;}.elementor-4989 .elementor-element.elementor-element-12e760ff{--width:66.6666%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4989 .elementor-element.elementor-element-5da33d76{--width:316.75px;}.elementor-4989 .elementor-element.elementor-element-12e760ff{--width:75%;}}@media(max-width:1024px){.elementor-4989 .elementor-element.elementor-element-291b33c9{--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4989 .elementor-element.elementor-element-55504404{width:var( --container-widget-width, 338.738px );max-width:338.738px;--container-widget-width:338.738px;--container-widget-flex-grow:0;}.elementor-4989 .elementor-element.elementor-element-4031b8aa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4989 .elementor-element.elementor-element-4e12b7cc{text-align:start;}.elementor-4989 .elementor-element.elementor-element-4e12b7cc img{width:25%;height:100%;}.elementor-4989 .elementor-element.elementor-element-12e760ff{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4989 .elementor-element.elementor-element-12e760ff.e-con{--align-self:center;}}@media(max-width:767px){.elementor-4989 .elementor-element.elementor-element-31fb14a5.e-con{--align-self:flex-end;}.elementor-4989 .elementor-element.elementor-element-55504404.elementor-element{--align-self:flex-end;}.elementor-4989 .elementor-element.elementor-element-55504404{display:block;text-align:right;}.elementor-4989 .elementor-element.elementor-element-55504404 .aux-vertical .aux-menu-depth-0 .aux-item-content{display:block;text-align:right;}.elementor-4989 .elementor-element.elementor-element-4031b8aa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4989 .elementor-element.elementor-element-19724a79{--width:25%;}.elementor-4989 .elementor-element.elementor-element-4e12b7cc img{width:60%;}.elementor-4989 .elementor-element.elementor-element-12e760ff{--width:75%;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-1f78e5cb *//* --- TABLET & MOBILE RESPONSIVENESS (< 1024px) --- */
@media screen and (max-width: 1024px) {
    
    /* 1. Stack the Main Container Vertically */
    .wraith-header-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important; /* Allow height to expand */
        padding: 20px 0 !important;
        gap: 15px !important; /* Space between Logo and Menu */
    }

    /* 2. Center the Logo */
    .wraith-header-logo {
        width: auto !important;
        max-width: 150px !important; /* Adjust logo size for mobile */
        margin: 0 auto !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important; /* Remove any custom positioning offsets */
        z-index: 20;
    }
    
    /* 3. Adjust the "Pill" Menu Container */
    .wraith-header-menu {
        width: 90% !important; /* Use 90% screen width on mobile */
        max-width: 400px !important;
        margin: 0 auto !important; /* Center it */
        justify-content: center !important;
        
        /* Optional: Adjust Pill Padding for Mobile */
        padding: 10px 20px !important; 
        
        /* Ensure the neon glow doesn't get cut off */
        box-shadow: 0 0 15px rgba(112, 48, 129, 0.6) !important; 
    }
}

/* --- MOBILE SPECIFIC TWEAKS (< 767px) --- */
@media screen and (max-width: 767px) {
    
    /* If using Elementor Nav Menu Widget, ensure Hamburger is centered */
    .wraith-header-menu .elementor-nav-menu__toggle {
        margin: 0 auto;
    }

    /* If text links are wrapping, reduce font size slightly */
    .wraith-header-menu a {
        font-size: 14px !important;
        padding: 5px 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-291b33c9 *//* --- TABLET & MOBILE RESPONSIVENESS (< 1024px) --- */
@media screen and (max-width: 1024px) {
    
    /* 1. Stack the Main Container Vertically */
    .wraith-header-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important; /* Allow height to expand */
        padding: 20px 0 !important;
        gap: 15px !important; /* Space between Logo and Menu */
    }

    /* 2. Center the Logo */
    .wraith-header-logo {
        width: auto !important;
        max-width: 150px !important; /* Adjust logo size for mobile */
        margin: 0 auto !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important; /* Remove any custom positioning offsets */
        z-index: 20;
    }
    
    /* 3. Adjust the "Pill" Menu Container */
    .wraith-header-menu {
        width: 90% !important; /* Use 90% screen width on mobile */
        max-width: 400px !important;
        margin: 0 auto !important; /* Center it */
        justify-content: center !important;
        
        /* Optional: Adjust Pill Padding for Mobile */
        padding: 10px 20px !important; 
        
        /* Ensure the neon glow doesn't get cut off */
        box-shadow: 0 0 15px rgba(112, 48, 129, 0.6) !important; 
    }
}

/* --- MOBILE SPECIFIC TWEAKS (< 767px) --- */
@media screen and (max-width: 767px) {
    
    /* If using Elementor Nav Menu Widget, ensure Hamburger is centered */
    .wraith-header-menu .elementor-nav-menu__toggle {
        margin: 0 auto;
    }

    /* If text links are wrapping, reduce font size slightly */
    .wraith-header-menu a {
        font-size: 14px !important;
        padding: 5px 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for aux_menu_box, class: .elementor-element-55504404 *//* --- TABLET & MOBILE RESPONSIVENESS (< 1024px) --- */
@media screen and (max-width: 1024px) {
    
    /* 1. Stack the Main Container Vertically */
    .wraith-header-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important; /* Allow height to expand */
        padding: 20px 0 !important;
        gap: 15px !important; /* Space between Logo and Menu */
    }

    /* 2. Center the Logo */
    .wraith-header-logo {
        width: auto !important;
        max-width: 150px !important; /* Adjust logo size for mobile */
        margin: 0 auto !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important; /* Remove any custom positioning offsets */
        z-index: 20;
    }
    
    /* 3. Adjust the "Pill" Menu Container */
    .wraith-header-menu {
        width: 90% !important; /* Use 90% screen width on mobile */
        max-width: 400px !important;
        margin: 0 auto !important; /* Center it */
        justify-content: center !important;
        
        /* Optional: Adjust Pill Padding for Mobile */
        padding: 10px 20px !important; 
        
        /* Ensure the neon glow doesn't get cut off */
        box-shadow: 0 0 15px rgba(112, 48, 129, 0.6) !important; 
    }
}

/* --- MOBILE SPECIFIC TWEAKS (< 767px) --- */
@media screen and (max-width: 767px) {
    
    /* If using Elementor Nav Menu Widget, ensure Hamburger is centered */
    .wraith-header-menu .elementor-nav-menu__toggle {
        margin: 0 auto;
    }

    /* If text links are wrapping, reduce font size slightly */
    .wraith-header-menu a {
        font-size: 14px !important;
        padding: 5px 10px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31fb14a5 *//* --- TABLET & MOBILE RESPONSIVENESS (< 1024px) --- */
@media screen and (max-width: 1024px) {
    
    /* 1. Stack the Main Container Vertically */
    .wraith-header-main {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important; /* Allow height to expand */
        padding: 20px 0 !important;
        gap: 15px !important; /* Space between Logo and Menu */
    }

    /* 2. Center the Logo */
    .wraith-header-logo {
        width: auto !important;
        max-width: 150px !important; /* Adjust logo size for mobile */
        margin: 0 auto !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        transform: none !important; /* Remove any custom positioning offsets */
        z-index: 20;
    }
    
    /* 3. Adjust the "Pill" Menu Container */
    .wraith-header-menu {
        width: 90% !important; /* Use 90% screen width on mobile */
        max-width: 400px !important;
        margin: 0 auto !important; /* Center it */
        justify-content: center !important;
        
        /* Optional: Adjust Pill Padding for Mobile */
        padding: 10px 20px !important; 
        
        /* Ensure the neon glow doesn't get cut off */
        box-shadow: 0 0 15px rgba(112, 48, 129, 0.6) !important; 
    }
}

/* --- MOBILE SPECIFIC TWEAKS (< 767px) --- */
@media screen and (max-width: 767px) {
    
    /* If using Elementor Nav Menu Widget, ensure Hamburger is centered */
    .wraith-header-menu .elementor-nav-menu__toggle {
        margin: 0 auto;
    }

    /* If text links are wrapping, reduce font size slightly */
    .wraith-header-menu a {
        font-size: 14px !important;
        padding: 5px 10px !important;
    }
}/* End custom CSS */