.elementor-kit-15023{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-2aaab43:#000000;--e-global-color-bc359fd:#151515;--e-global-color-2e98959:#FFFFFF;--e-global-color-cd8a6f4:#D7EFF3;--e-global-color-a52ebdf:#F6F7F9;--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;}.elementor-kit-15023 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;}@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 *//* This wrapper is still useful for setting a solid background color */
.grid-wrapper {
  position: relative;
  z-index: 1; /* Ensures content stays above the fixed background */
  background-color: #f8fafc; /* This will be the color seen where the grid fades out */
}

/* THIS IS THE CORRECTED CODE FOR THE BACKGROUND */
.grid-background {
  /* This is the key change: fixes the element to the screen */
  position: fixed;

  /* Ensures it covers the entire viewport */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* Pushes the grid behind your actual page content */
  z-index: -1;

  /* The grid pattern (set to squares) */
  background-image: linear-gradient(to right, #e2e8f0 1px, transparent 1px),
    linear-gradient(to bottom, #e2e8f0 1px, transparent 1px);
  background-size: 20px 20px;

  /* The mask that makes it fade from the top down */
  -webkit-mask-image: radial-gradient(
  ellipse 80% 80% at 50% 0%,
  #000 20%,
  transparent 100%
);
mask-image: radial-gradient(
  ellipse 80% 80% at 50% 0%,
  #000 20%,
  transparent 100%
);/* End custom CSS */