.elementor-749 .elementor-element.elementor-element-4f4bcdc{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-749 .elementor-element.elementor-element-48b5827 > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-749 .elementor-element.elementor-element-48b5827{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#000000;}body.elementor-page-749:not(.elementor-motion-effects-element-type-background), body.elementor-page-749 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-749 .elementor-element.elementor-element-48b5827 > .elementor-widget-container{padding:41px 41px 41px 41px;}}/* Start custom CSS *//* Fallback 1 — targets the sticky effects wrapper */ .elementor-sticky--effects .p-white { color: #ffffff; } /* Fallback 2 — if your header has a specific section ID, e.g. #header */ .elementor-sticky--active#header .p-white, .elementor-sticky--active .elementor-section .p-white { color: #ffffff; } /* ========================================= SCI-FI CLIPPED SCROLLBAR (GRADIENT TRICK) ========================================= */ /* 1. The overall width/height of the scrollbar */ ::-webkit-scrollbar { width: 16px; height: 16px; } /* 2. The blank white track */ ::-webkit-scrollbar-track { background: #FFFFFF; } /* 3. The navy blue thumb drawn with gradients */ ::-webkit-scrollbar-thumb { /* Must be transparent so the chopped corners let the white track show through */ background-color: transparent !important; /* Draw the 4 sci-fi corners using background gradients instead of clip-path */ background-image: linear-gradient(135deg, transparent 4px, #0C1E58 4.5px), linear-gradient(225deg, transparent 4px, #0C1E58 4.5px), linear-gradient(45deg, transparent 4px, #0C1E58 4.5px), linear-gradient(315deg, transparent 4px, #0C1E58 4.5px) !important; /* Snap each piece to its respective corner */ background-position: top left, top right, bottom left, bottom right !important; /* Make each block take up a quarter of the thumb. (We use 51% instead of 50% to force them to overlap slightly so you don't get a 1px gap in the dead center) */ background-size: 51% 51% !important; background-repeat: no-repeat !important; /* Optional: Adds a 2px invisible border around the thumb so it doesn't touch the very edges of the screen */ border: 2px solid #FFFFFF !important; background-clip: padding-box !important; } /* 4. Hover state (Slightly lighter navy blue) */ ::-webkit-scrollbar-thumb:hover { background-image: linear-gradient(135deg, transparent 4px, #162D63 4.5px), linear-gradient(225deg, transparent 4px, #162D63 4.5px), linear-gradient(45deg, transparent 4px, #162D63 4.5px), linear-gradient(315deg, transparent 4px, #162D63 4.5px) !important; } body { cursor: url('https://w3bdesign.net/wp-content/uploads/2025/10/small-cursor_blue.png'), auto; } /* ========================================= 1. PAGE BASE ========================================= */ body { margin: 0 !important; min-height: 100vh !important; position: relative !important; } /* ========================================= 2. THE DUAL-LAYER PAGE HUD BORDER ========================================= */ body::after { content: "" !important; position: fixed !important; inset: 0 !important; /* OVERRIDE ELEMENTOR'S STICKY HEADER */ z-index: 999999999999999999999999 !important; pointer-events: none !important; /* CRITICAL: Ensures the background layers start *inside* the thick borders */ box-sizing: border-box !important; /* --- THE THICK SQUARED OUTER BORDER --- */ border-style: solid !important; border-color: #FFFFFF !important; border-top-width: 15px !important; /* <--- TOP outer border thickness */ /* ???? CHANGED: Reduced another ~20% down to 6px for scrollbar clearance */ border-right-width: 6px !important; /* <--- RIGHT outer border thickness */ border-bottom-width: 15px !important; /* <--- BOTTOM outer border thickness */ border-left-width: 9px !important; /* <--- LEFT outer border thickness */ /* --- THE INNER SCI-FI CORNER FILLS & NAVY LINE --- */ background: /* 1. The Angled Corners (White fill -> 1px Navy line -> Transparent) */ linear-gradient(135deg, #FFFFFF 26px, #162D63 26px, #162D63 27px, transparent 27.5px) top left no-repeat, linear-gradient(225deg, #FFFFFF 26px, #162D63 26px, #162D63 27px, transparent 27.5px) top right no-repeat, linear-gradient(45deg, #FFFFFF 26px, #162D63 26px, #162D63 27px, transparent 27.5px) bottom left no-repeat, linear-gradient(315deg, #FFFFFF 26px, #162D63 26px, #162D63 27px, transparent 27.5px) bottom right no-repeat, /* 2. The Straight Inner Borders (Navy lines) */ linear-gradient(#162D63, #162D63) top center / 100% 2px no-repeat, /* <--- TOP inner line (adjust the '2px') */ linear-gradient(#162D63, #162D63) bottom center / 100% 2px no-repeat, /* <--- BOTTOM inner line (adjust the '2px') */ linear-gradient(#162D63, #162D63) left center / 2px 100% no-repeat, /* <--- LEFT inner line (adjust the '2px') */ linear-gradient(#162D63, #162D63) right center / 2px 100% no-repeat !important; /* <--- RIGHT inner line (adjust the '2px') */ }/* End custom CSS */