header  .elementor-widget-theme-site-logo img {
    animation: logoGlow 2.5s ease-in-out infinite;
  }

/*   @keyframes logoGlow {
    0%, 100% {
      filter: drop-shadow(0 0 6px rgba(255, 43, 210, 0.4))
              drop-shadow(0 0 15px rgba(123, 44, 255, 0.25));
    }
    50% {
      filter: drop-shadow(0 0 12px rgba(255, 43, 210, 0.6))
              drop-shadow(0 0 30px rgba(123, 44, 255, 0.45));
    }
  } */

  @keyframes logoGlow {
    0%, 100% {
      filter: drop-shadow(0 0 8px rgba(255, 43, 210, 0.6))
              drop-shadow(0 0 20px rgba(123, 44, 255, 0.4))
              drop-shadow(0 0 35px rgba(255, 43, 210, 0.3));
    }
    50% {
      filter: drop-shadow(0 0 15px rgba(255, 43, 210, 0.85))
              drop-shadow(0 0 40px rgba(123, 44, 255, 0.6))
              drop-shadow(0 0 60px rgba(255, 43, 210, 0.4));
    }
  }


.home-banner-hb {
    font-weight: 500;
    background: linear-gradient(90deg, #FD1CAC, #8C25FE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-banner-h2 {
    background: linear-gradient(to left, #8C25FE, #FD1CAC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}

.home-banner-h1 {
  background: linear-gradient(to left, #8C25FE, #FD1CAC);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;
} 

.home-banner-ha {
  
    font-weight: 500;
    background: linear-gradient(90deg, #FD1CAC, #8C25FE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
}


@media screen and (max-width: 768px) {
    .home-banner-hb {
        margin-bottom: -3px !important;
    }
}




@keyframes borderMove {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}

.gradient:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(90deg, #8C25FE, #FD1CAC, #FD1CAC, #8C25FE);
    background-size: 300% 100%;
    animation: borderMove 5s linear infinite;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    transition: background 0.4s ease;
border-radius:50px !important;
}

.elementor-element.elementor-element-d61a9ec.e-con-full.e-flex.e-con.e-child {
    border-top: 1px solid transparent;
    background-image: linear-gradient(to right, #FFFFFF4D, #FFFFFF00);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: top left;
}






/* active or hover*/
.elementor-23 .elementor-element.elementor-element-ecdbe22 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-23 .elementor-element.elementor-element-ecdbe22 .elementor-nav-menu--main .elementor-item:hover {
   background: linear-gradient(to left, #8C25FE, #FD1CAC);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 1.5s ease;
}








span.home-banner-ha {

}





/* cursor */
.home-banner-h4::after {
    content: "";
    position: absolute;
    right: -6px;
    color: #8C25FE;
    animation: blink 1s infinite;
}
 

@keyframes blink {
    50% { opacity: 0; }
}






.gradient-paragraph {
  background: linear-gradient(to right, #FFFFFF, #B9B9B9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}





/* icon list */
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
    padding: 10px;
    background: #ffffff1c;
    border-radius: 4px;
	margin-right: 10px
}



.elementor-18 .elementor-element.elementor-element-fa4d32b .elementor-icon-list-text:hover {
    background: linear-gradient(to right, #FD1CAC, #8C25FE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}


.elementor-18 .elementor-element.elementor-element-fa4d32b .elementor-icon-list-item:hover 
.elementor-icon-list-icon {
    background: linear-gradient(135deg, #8C25FE, #FD1CAC) !important;
}






.elementor-18 .elementor-element.elementor-element-91ebe1a .elementor-icon-list-text:hover {
    background: linear-gradient(to right, #8d25fd, #FD1CAC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block
}

.elementor-18 .elementor-element.elementor-element-91ebe1a .elementor-icon-list-item:hover 
.elementor-icon-list-icon {
    background: linear-gradient(135deg, #8C25FE, #FD1CAC) !important;
}


/* youtube video */
.elementor-custom-embed-play i, .elementor-custom-embed-play svg {
    opacity: 100 !important;
}


/* feature highlight */
.elementor-icon-box-title,
.elementor-icon-box-title a {
 background: linear-gradient(to left, #8C25FE, #FD1CAC);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}



/* container border */


.container-border {
    position: relative;
    border-radius: 20px;
    z-index: 1;
}

.container-border::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* Border ki motai */
    border-radius: 20px;
    /* Default State: White Transparent Gradient */
    background: linear-gradient(130deg, #FFFFFF4D, #FFFFFF00, #FFFFFF4D);
    background-size: 200% 100%;
    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    transition: background 0.5s ease; /* Smooth transition between gradients */
}

/* Hover State - Colors and Animation */
.container-border:hover::before {
    /* Hover par aapka manga hua gradient */
    background: linear-gradient(130deg, #FD1CAC, #8C25FE, #FD1CAC);
    background-size: 200% 100%;
    animation: moveGradient 2s linear infinite;
}

@keyframes moveGradient {
    0% { background-position: 0% 0%; }
    100% { background-position: 200% 0%; } /* Smooth loop ke liye 200% behtar hai */
}

/* button border */


.button-border {
    position: relative;
    border: 1.2px solid transparent;
    border-radius: 50px;
    background-clip: padding-box;
}

.button-border::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1.2px;
    background: linear-gradient(130deg, #FFFFFF4D, #FFFFFF00);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.text-gradient-21 {
    background: linear-gradient(90deg, #FD1CAC 40%, #8C25FE 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block; /* Taake gradient sirf text ki width tak rahe */
}



.usa-icon.ekit-wid-con .icon::before, 
.elementor-editor-active .icon::before, 
.elementor-widget .icon::before {
    /* Gradient background with your specific colors */
    background: linear-gradient(120deg, #FD1CAC, #8C25FE, #FD1CAC);
    background-size: 200% auto; /* Gradient ko lamba karta hai taake animation move ho sake */
    
    /* Text/Icon par clip karne ke liye */
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    
    display: inline-block;
    
    /* Animation call */
    animation: moveGradient 3s linear infinite;
}

/* Gradient Movement Animation */
@keyframes moveGradient {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 200% center;
    }
}

.responsive-text {
    font-weight: 500;
    font-size: 20px;
}

/* Mobile view (Screen size 768px se kam hone par 16px) */
@media (max-width: 768px) {
    .responsive-text {
        font-size: 16px;
    }
}


/* Elementor ki class ko target karein */
.my-image-border img {
    padding: 1px; /* Border ki motai yahan se control hogi */
    border-radius: 20px; /* Agar corners round chahiye */
    
    /* Gradient Background Jo Border Banega */
    background: linear-gradient(120deg, #FD1CAC, #8C25FE, #FD1CAC);
    background-size: 200% 200%;
    
    /* Animation call */
    animation: borderMove 3s linear infinite;
    
    /* Image ko proper fit karne ke liye */
    display: block;
    width: 100%;
    height: auto;
}

/* Gradient Movement Animation */
@keyframes borderMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Mobile Responsive Font Size (Optional: Agar text sath hai) */
@media (max-width: 768px) {
    .my-image-border {
        font-size: 16px;
    }
}





/* submit button */

.elementor-839 .elementor-element.elementor-element-0cc236d .elementor-button[type="submit"] {
    /* Default Background Setup */
    background: linear-gradient(120deg, #FD1CAC, #8C25FE, #FD1CAC);
    background-size: 200% auto;
    transition: all 0.4s ease;
}

.elementor-839 .elementor-element.elementor-element-0cc236d .elementor-button[type="submit"]:hover {
    color: #ffffff;
    /* Hover karne par color move hoga */
    animation: moveGradient 2s linear infinite;
    background-position: right center;
}


.elementor-2230 .elementor-element.elementor-element-ead9b94 .elementor-button[type="submit"] {
    /* Default Background Setup */
    background: linear-gradient(120deg, #FD1CAC, #8C25FE, #FD1CAC);
    background-size: 200% auto;
    transition: all 0.4s ease;
}

.elementor-2230 .elementor-element.elementor-element-ead9b94 .elementor-button[type="submit"]:hover {
    color: #ffffff;
    /* Hover karne par color move hoga */
    animation: moveGradient 2s linear infinite;
    background-position: right center;
}






/* Gradient Movement Animation */
@keyframes moveGradient {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 200% center;
    }
}




.gradient-circular-move{
	background: conic-gradient(
		#FD1CAC,
		#8C25FE,
		#FD1CAC
	);

	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;

	display: inline-block;

	animation: gradientSpin 2.5s linear infinite;
}

/* same animation reuse hogi */
@keyframes gradientSpin {
	from {
		filter: hue-rotate(0deg);
	}
	to {
		filter: hue-rotate(360deg);
	}
}



.oca-form{
	width: 100% !important;
}




.home-banner-hh {
    background: linear-gradient(90deg, #FD1CAC, #8C25FE, #FD1CAC);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    
    display: inline-block;
		font-weight: 500;

    animation: flowLeftToRight 3s linear infinite;
}
@keyframes flowLeftToRight {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 200% center;
    }
}

/* Dropdown ke options ka background color change karne ke liye */
.elementor-2230 .elementor-element.elementor-element-ead9b94 .elementor-field-group .elementor-select-wrapper select option {
    background-color: #0b0207 !important;
    color: white; /* Text color taki red par nazar aaye */
}

/* Hover effect ke liye (kuch browsers mein kaam karta hai) */
.elementor-2230 .elementor-element.elementor-element-ead9b94 .elementor-field-group .elementor-select-wrapper select option:hover {
    background-color: darkred !important;
}

.elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option {
    padding-inline-end: 10px;
    display: flex;
	margin-right: 20px;
	gap: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}