.elementor-4386 .elementor-element.elementor-element-dcb2f8c{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4386 .elementor-element.elementor-element-31f20ba{--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;}/* Start custom CSS for container, class: .elementor-element-dcb2f8c *//* =========================================================
   ZAYUP OTHER SERVICES — CIRCUIT WAVE SIDE BACKGROUND
   Parent container class: zayup-other-services
========================================================= */

.zayup-other-services {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, #fbfdff 0%, #f5f8fd 52%, #ffffff 100%) !important;
}

/* keep section content above bg */
.zayup-other-services > * {
  position: relative;
  z-index: 3;
}

/* LEFT + RIGHT electric circuit waves */
.zayup-other-services::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: 0.95;

  background-repeat: no-repeat;
  background-image:
    /* ========= LEFT SIDE GLOW ========= */
    radial-gradient(circle at left 90px top 160px, rgba(77,212,255,0.22), transparent 90px),
    radial-gradient(circle at left 140px top 360px, rgba(77,212,255,0.18), transparent 110px),

    /* ========= RIGHT SIDE GLOW ========= */
    radial-gradient(circle at right 90px top 180px, rgba(77,212,255,0.22), transparent 90px),
    radial-gradient(circle at right 140px top 380px, rgba(77,212,255,0.18), transparent 110px),

    /* ========= LEFT MAIN VERTICALS ========= */
    linear-gradient(rgba(77,212,255,0.90), rgba(77,212,255,0.90)),
    linear-gradient(rgba(77,212,255,0.82), rgba(77,212,255,0.82)),
    linear-gradient(rgba(77,212,255,0.75), rgba(77,212,255,0.75)),
    linear-gradient(rgba(77,212,255,0.65), rgba(77,212,255,0.65)),

    /* ========= LEFT HORIZONTALS ========= */
    linear-gradient(rgba(77,212,255,0.90), rgba(77,212,255,0.90)),
    linear-gradient(rgba(77,212,255,0.82), rgba(77,212,255,0.82)),
    linear-gradient(rgba(77,212,255,0.75), rgba(77,212,255,0.75)),
    linear-gradient(rgba(77,212,255,0.68), rgba(77,212,255,0.68)),

    /* ========= LEFT SMALL BRANCHES ========= */
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),

    /* ========= RIGHT MAIN VERTICALS ========= */
    linear-gradient(rgba(77,212,255,0.90), rgba(77,212,255,0.90)),
    linear-gradient(rgba(77,212,255,0.82), rgba(77,212,255,0.82)),
    linear-gradient(rgba(77,212,255,0.75), rgba(77,212,255,0.75)),
    linear-gradient(rgba(77,212,255,0.65), rgba(77,212,255,0.65)),

    /* ========= RIGHT HORIZONTALS ========= */
    linear-gradient(rgba(77,212,255,0.90), rgba(77,212,255,0.90)),
    linear-gradient(rgba(77,212,255,0.82), rgba(77,212,255,0.82)),
    linear-gradient(rgba(77,212,255,0.75), rgba(77,212,255,0.75)),
    linear-gradient(rgba(77,212,255,0.68), rgba(77,212,255,0.68)),

    /* ========= RIGHT SMALL BRANCHES ========= */
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),
    linear-gradient(rgba(77,212,255,0.72), rgba(77,212,255,0.72)),

    /* ========= LEFT NODES / SQUARES ========= */
    linear-gradient(rgba(120,240,255,0.95), rgba(120,240,255,0.95)),
    linear-gradient(rgba(120,240,255,0.95), rgba(120,240,255,0.95)),
    linear-gradient(rgba(120,240,255,0.95), rgba(120,240,255,0.95)),
    linear-gradient(rgba(120,240,255,0.95), rgba(120,240,255,0.95)),

    /* ========= RIGHT NODES / SQUARES ========= */
    linear-gradient(rgba(120,240,255,0.95), rgba(120,240,255,0.95)),
    linear-gradient(rgba(120,240,255,0.95), rgba(120,240,255,0.95)),
    linear-gradient(rgba(120,240,255,0.95), rgba(120,240,255,0.95)),
    linear-gradient(rgba(120,240,255,0.95), rgba(120,240,255,0.95));

  background-size:
    /* glow */
    220px 220px,
    260px 260px,
    220px 220px,
    260px 260px,

    /* left verticals */
    2px 250px,
    2px 180px,
    2px 210px,
    2px 150px,

    /* left horizontals */
    84px 2px,
    66px 2px,
    96px 2px,
    72px 2px,

    /* left branches */
    2px 58px,
    42px 2px,
    2px 48px,
    34px 2px,
    2px 42px,
    54px 2px,

    /* right verticals */
    2px 250px,
    2px 180px,
    2px 210px,
    2px 150px,

    /* right horizontals */
    84px 2px,
    66px 2px,
    96px 2px,
    72px 2px,

    /* right branches */
    2px 58px,
    42px 2px,
    2px 48px,
    34px 2px,
    2px 42px,
    54px 2px,

    /* left nodes */
    10px 10px,
    8px 8px,
    10px 10px,
    8px 8px,

    /* right nodes */
    10px 10px,
    8px 8px,
    10px 10px,
    8px 8px;

  background-position:
    /* glow */
    left 10px top 70px,
    left 20px top 250px,
    right 10px top 90px,
    right 20px top 270px,

    /* left verticals */
    left 58px top 100px,
    left 118px top 160px,
    left 84px top 330px,
    left 162px top 240px,

    /* left horizontals */
    left 58px top 100px,
    left 118px top 238px,
    left 84px top 330px,
    left 162px top 310px,

    /* left branches */
    left 142px top 180px,
    left 142px top 180px,
    left 66px top 392px,
    left 66px top 392px,
    left 188px top 260px,
    left 188px top 260px,

    /* right verticals */
    right 58px top 110px,
    right 118px top 170px,
    right 84px top 340px,
    right 162px top 250px,

    /* right horizontals */
    right 58px top 110px,
    right 118px top 246px,
    right 84px top 340px,
    right 162px top 320px,

    /* right branches */
    right 142px top 190px,
    right 142px top 190px,
    right 66px top 402px,
    right 66px top 402px,
    right 188px top 270px,
    right 188px top 270px,

    /* left nodes */
    left 52px top 94px,
    left 136px top 174px,
    left 60px top 386px,
    left 182px top 256px,

    /* right nodes */
    right 52px top 104px,
    right 136px top 184px,
    right 60px top 396px,
    right 182px top 266px;

  animation: zayupCircuitFloat 8s ease-in-out infinite;
}

/* particles */
.zayup-other-services::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.78;

  background-image:
    radial-gradient(circle, rgba(77,212,255,0.85) 0 1.3px, transparent 2px),
    radial-gradient(circle, rgba(77,212,255,0.55) 0 1px, transparent 1.8px);

  background-size:
    86px 86px,
    128px 128px;

  background-position:
    12px 16px,
    44px 60px;

  mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 25%,
    transparent 42%,
    transparent 58%,
    #000 75%,
    #000 100%
  );
  -webkit-mask-image: linear-gradient(
    90deg,
    #000 0%,
    #000 25%,
    transparent 42%,
    transparent 58%,
    #000 75%,
    #000 100%
  );

  animation: zayupCircuitParticles 14s linear infinite;
}

@keyframes zayupCircuitFloat {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.92;
  }
  50% {
    transform: translateY(-10px);
    opacity: 1;
  }
}

@keyframes zayupCircuitParticles {
  from {
    background-position:
      12px 16px,
      44px 60px;
  }
  to {
    background-position:
      98px 102px,
      -84px 188px;
  }
}

/* mobile */
@media (max-width: 767px) {
  .zayup-other-services::before {
    opacity: 0.75;
    transform: scale(0.86);
    transform-origin: center;
  }

  .zayup-other-services::after {
    opacity: 0.48;
    background-size:
      62px 62px,
      96px 96px;
  }
}/* End custom CSS */