.button-play .elementor-icon-box-icon .elementor-icon{
  
  transition: all 0.3s ease-in-out 0s;
  box-shadow: rgba(193, 244, 246, 0.698) 0px 0px 0px 0px;
  animation: 1.2s cubic-bezier(0.8, 0, 0, 1) 0s infinite normal none running pulsePlay;
}

.button-play .elementor-icon-box-icon .elementor-icon:is(:hover, :focus) {
  transform: scale(1.2);
}

@keyframes pulsePlay {
  100% {
    box-shadow: 0 0 0 45px rgba(193,244,246,0);
  }
}

.container-how-Work 
.number-circle .elementor-heading-title{
    width: 50px;  
    height: 50px;
  border-radius: 50%; 
background: linear-gradient(135deg, #0650C7 0%, #4A8DF2 100%);

  display: flex;
  justify-content: center;
  align-items: center;
  color: white; 
  font-size: 24px;
  font-weight: bold;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
}
@media only screen and (min-width: 1200px) {
  /* Estilos para pantallas grandes */
		 .container-how-Work :where(.number-circle.one,.number-circle.two,
		.number-circle.three)::after {
			 content: '';
			position: absolute;
			top: 50%;
			left: 150%; 
			transform: translateY(-50%); 
			width: 200px; 
			height: 1px;
			border-top: 1px dashed #0650C7; 
		}
}
@media (max-width: 768px) {
  .container-how-Work > * {
    padding: 15px; 
    background-color: rgba(255, 255, 255, 0.9); 
    border-radius: 8px; /* Bordes redondeados */
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);   
  }
}



.container-how-Work .container-element-grid:hover .title-grid h4 {
    color:var(--e-global-color-primary);
}