.elementor .soft-dotted-blue{position: relative;
overflow: hidden;
background: linear-gradient(
  135deg,
  #eff6ff 0%,
  #ffffff 50%,
  #fff7ed 100%
);
}

.soft-dotted-blue::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(
  circle,
  rgba(59, 130, 246, 0.15) 1.5px,
  transparent 1.5px
);
background-size: 20px 20px;
background-position: 0 0;
pointer-events: none;
z-index: 0;
}

.soft-dotted-blue > * {
position: relative;
z-index: 1\n}.elementor .soft-dotted-bg{position: relative; overflow: hidden; background: linear-gradient( 135deg, #fdf2f8 0%, #ffffff 50%, #fff7ed 100% ); } .soft-dotted-bg::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient( circle, rgba(236, 72, 153, 0.15) 1.5px, transparent 1.5px ); background-size: 20px 20px; background-position: 0 0; pointer-events: none; z-index: 0; } .soft-dotted-bg > * { position: relative; z-index: 1\n}.elementor .soft-dotted-orange{position: relative;
overflow: hidden;
background: linear-gradient(
  135deg,
  #fefce8 0%,
  #ffffff 50%,
  #fff7ed 100%
);
}

.soft-dotted-orange::before {
content: "";
position: absolute;
inset: 0;
background-image: radial-gradient(
  circle,
  rgba(234, 179, 8, 0.15) 1.5px,
  transparent 1.5px
);
background-size: 20px 20px;
background-position: 0 0;
pointer-events: none;
z-index: 0;
}

.soft-dotted-bg > * {
position: relative;
z-index: 1\n}