.elementor-kit-11{--e-global-color-primary:#000096;--e-global-color-secondary:#FE5B00;--e-global-color-text:#232323;--e-global-color-accent:#25D366;--e-global-color-1c37081:#FFFFFF;--e-global-color-6f6d45b:#FFCC00;--e-global-color-bdda33a:#D4D4FF;--e-global-color-063423f:#E8F9FF;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:36px;--e-global-typography-primary-font-weight:800;--e-global-typography-primary-line-height:1.25em;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.25em;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.25em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-046bd3c-font-family:"Montserrat";--e-global-typography-046bd3c-font-size:3em;--e-global-typography-046bd3c-font-weight:800;}.elementor-kit-11 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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@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 *//* Replace your old grid CSS with this entire block */
.check-bg {
  position: relative;
  isolation: isolate; /* keep overlay local */
  overflow: visible;
  
  /* configurable */
  --cell: 160px;             /* square size */
  --line: 1px;              /* line thickness (3-5px) */
  --bg: #000096;            /* container background */
  --line-color: #1A1AA1;    /* lighter line color (10% lighter) */
  --fade-center: 0%;       /* radius of the fully-covered center zone */
  --fade-soft-edge: 100%;    /* point where overlay becomes fully transparent */

  background-color: var(--bg);

  /* grid (checks) */
  background-image:
    repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent calc(var(--cell) - var(--line)),
      var(--line-color) calc(var(--cell) - var(--line)),
      var(--line-color) var(--cell)
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent calc(var(--cell) - var(--line)),
      var(--line-color) calc(var(--cell) - var(--line)),
      var(--line-color) var(--cell)
    );
  background-repeat: repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

/* Overlay that hides lines toward center — robust across browsers */
.check-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2; /* sits above the grid but below any content inside the container */

  /* radial gradient: opaque center (same color as background) → transparent edges */
  background-image: radial-gradient(
    circle at center,
    /* keep center fully opaque so it completely covers lines there */
    rgba(0, 0, 150, 1) 0%,
    rgba(0, 0, 150, 1) var(--fade-center),
    /* smooth fade to transparent */
    rgba(0, 0, 150, 0) var(--fade-soft-edge),
    rgba(0, 0, 150, 0) 100%
  );

  /* If you prefer using hex variable instead of rgba, you can use:
     background-image: radial-gradient(circle at center, var(--bg) 0%, var(--bg) var(--fade-center), rgba(0,0,0,0) var(--fade-soft-edge));
     But rgba gives a cleaner fade control here.
  */
}

/* Ensure inner content sits above the overlay */
.check-bg > * {
  position: relative;
  z-index: 3;
}/* End custom CSS */