.elementor-23 .elementor-element.elementor-element-4ae2344{--display:flex;--min-height:659px;--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;--overlay-opacity:0.29;--margin-top:-123px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:110px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-23 .elementor-element.elementor-element-4ae2344:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-4ae2344 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hgrothko.flowexagency.com/wp-content/uploads/2026/04/Gemini_Generated_Image_lqb5f2lqb5f2lqb5.png");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-23 .elementor-element.elementor-element-4ae2344::before, .elementor-23 .elementor-element.elementor-element-4ae2344 > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-4ae2344 > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-4ae2344 > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-4ae2344 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-4ae2344 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2D358AD1;--background-overlay:'';}.elementor-23 .elementor-element.elementor-element-704c481{--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;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-9701128{--display:flex;}.elementor-23 .elementor-element.elementor-element-8d098b4{--display:flex;--min-height:410px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-96eacdf{--display:flex;--min-height:409px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-9701128{--width:54%;}.elementor-23 .elementor-element.elementor-element-8d098b4{--width:40%;}}/* Start custom CSS for container, class: .elementor-element-8d098b4 */.ai-ring-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
 
/* OUTER RING (THICK + GLOW) */
.ai-ring-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 110%;
  border-radius: 50%;
  border: 3px solid rgba(0, 255, 255, 0.35);
  box-shadow: 
    0 0 20px rgba(0,255,255,0.3),
    inset 0 0 20px rgba(0,255,255,0.2);
  animation: floatRing 8s ease-in-out infinite;
}
 
/* INNER RING (GLOSSY EFFECT) */
.ai-ring-wrapper::after {
  content: "";
  position: absolute;
  width: 85%;
  height: 85%;
  border-radius: 50%;
  border: 3px solid transparent;
  /* glossy gradient border */
  background: linear-gradient(120deg, rgba(0,255,255,0.8), rgba(0,100,255,0.4), transparent);
  /* mask trick for border */
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  padding: 3px;
 
  box-shadow: 0 0 25px rgba(0,255,255,0.4);
 
  animation: floatRingReverse 10s ease-in-out infinite;
}
 
/* IMAGE */
.ai-ring-wrapper img {
  position: relative;
  z-index: 2;
  border-radius: 20px;
  box-shadow: 0 0 40px rgba(0,255,255,0.25);
}
 
/* ANIMATION */
@keyframes floatRing {
  0% {
    transform: translateY(0px) scale(1);
  }
  50% {
    transform: translateY(-12px) scale(1.07);
  }
  100% {
    transform: translateY(0px) scale(1);
  }
}
 
@keyframes floatRingReverse {
  0% {
    transform: translateY(0px) scale(1);
  }
  50% {
    transform: translateY(12px) scale(0.93);
  }
  100% {
    transform: translateY(0px) scale(1);
  }
}/* End custom CSS */