.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-8c1840d:#101010;--e-global-color-a39657f:#E95977;--e-global-color-f737cc7:#1A1A1A;--e-global-color-ef019e4:#FF6B19;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* 1. Force the Page to be a Mobile Column */
body {
    background-color: #1a1a1a; /* Dark background outside the "phone" */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100vh;
    margin: 0;
}

/* 2. Constrain the Main Content Container */
#page {
    max-width: 450px !important; /* Standard mobile width */
    width: 100%;
    height: 100%;
    min-height: 100vh;
    margin: 0 auto;
   
    box-shadow: 0 0 50px rgba(0,0,0,0.5); /* Adds depth on desktop */
    position: relative;
    overflow-x: hidden;
}

/* 3. Force Fixed Elements (like your menu) to stay within the 450px */
.elementor-fixed, 
.elementor-kit-8.elementor-sticky--active {
    max-width: 450px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}/* End custom CSS */