.elementor-24 .elementor-element.elementor-element-644ff12{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-24 .elementor-element.elementor-element-644ff12:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-644ff12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-24 .elementor-element.elementor-element-3ba9d5a img{width:28%;}.elementor-24 .elementor-element.elementor-element-4ddf444{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 20px;--row-gap:10px;--column-gap:20px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-4ddf444:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-4ddf444 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-4ddf444{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-644ff12{--content-width:1300px;}.elementor-24 .elementor-element.elementor-element-4ddf444{--content-width:1600px;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-3ba9d5a img{width:80%;}}/* Start custom CSS for html, class: .elementor-element-b538ef4 */.voltage-button {
        position: relative;
        button {
          color: white;
          background: #6be5f6;
          padding: 1.6rem 4.5rem;
          border-radius: 5rem;
          border: 2px solid #6be5f6;
          font-size: 13px;
          line-height: 1em;
          letter-spacing: 0.075em;
          transition: background 0.3s;
          & {
            cursor: pointer;
            background: #515151;
            + svg,
            + svg + .dots {
              opacity: 1;
            }
          }
        }
        svg {
          display: block;
          position: absolute;
          top: -0.75em;
          left: -0.25em;
          width: calc(100% + 0.5em);
          height: calc(100% + 1.5em);
          pointer-events: none;
          opacity: 0;
          transition: opacity 0.4s;
          transition-delay: 0.1s;
          path {
            stroke-dasharray: 100;
            filter: url("#glow");
            &.line-1 {
              stroke: #fcc100;
              stroke-dashoffset: 0;
              animation: spark-1 3s linear infinite;
            }
            &.line-2 {
              stroke: #6be5f6;
              stroke-dashoffset: 500;
              animation: spark-2 3s linear infinite;
            }
          }
        }
        .dots {
          opacity: 0;
          transition: opacity 0.3s;
          transition-delay: 0.4s;
          .dot {
            width: 1rem;
            height: 1rem;
            background: white;
            border-radius: 100%;
            position: absolute;
            opacity: 0;
          }
          .dot-1 {
            top: 0;
            left: 20%;
            animation: fly-up 3s linear infinite;
          }
          .dot-2 {
            top: 0;
            left: 55%;
            animation: fly-up 3s linear infinite;
            animation-delay: 0.5s;
          }
          .dot-3 {
            top: 0;
            left: 80%;
            animation: fly-up 3s linear infinite;
            animation-delay: 1s;
          }
          .dot-4 {
            bottom: 0;
            left: 30%;
            animation: fly-down 3s linear infinite;
            animation-delay: 2.5s;
          }
          .dot-5 {
            bottom: 0;
            left: 65%;
            animation: fly-down 3s linear infinite;
            animation-delay: 1.5s;
          }
        }
      }

      @keyframes spark-1 {
        to {
          stroke-dashoffset: -1000;
        }
      }
      @keyframes spark-2 {
        to {
          stroke-dashoffset: -500;
        }
      }
      @keyframes fly-up {
        0% {
          opacity: 0;
          transform: translateY(0) scale(0.2);
        }
        5% {
          opacity: 1;
          transform: translateY(-1.5rem) scale(0.4);
        }
        10%,
        100% {
          opacity: 0;
          transform: translateY(-3rem) scale(0.2);
        }
      }
      @keyframes fly-down {
        0% {
          opacity: 0;
          transform: translateY(0) scale(0.2);
        }
        5% {
          opacity: 1;
          transform: translateY(1.5rem) scale(0.4);
        }
        10%,
        100% {
          opacity: 0;
          transform: translateY(3rem) scale(0.2);
        }
      }/* End custom CSS */