.elementor-244 .elementor-element.elementor-element-729178e6{--display:flex;--margin-top:100px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for container, class: .elementor-element-729178e6 *//* Add this CSS to your Elementor section's Custom CSS or in Appearance > Customize > Additional CSS */

/* Main container styling */
.custom-bg {
  background-color: #f9fafb;
  position: relative;
  min-height: 100vh;
  width: 100%;
}

/* Diagonal fade center grid overlay */
.custom-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-image: 
    linear-gradient(to right, #d1d5db 1px, transparent 1px),
    linear-gradient(to bottom, #d1d5db 1px, transparent 1px);
  background-size: 32px 32px;
  -webkit-mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 30%, transparent 70%);
  mask-image: radial-gradient(ellipse 60% 60% at 50% 50%, #000 30%, transparent 70%);
  pointer-events: none;
}

/* Ensure content appears above the background */
.custom-bg > * {
  position: relative;
  z-index: 1;
}/* End custom CSS */