.elementor-kit-6{--e-global-color-primary:#00C853;--e-global-color-secondary:#00873A;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-color-2453ce5:#1A1919;--e-global-color-6a882ab:#D3D3D3;--e-global-color-21bbb0d:#08090A;--e-global-color-53d94a3:#141516;--e-global-color-23cf5ea:#00C85369;--e-global-color-ad028bb:#E8F5E9;--e-global-color-2307aea:#191A1B;--e-global-color-b9bd3d0:#141516;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:20px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-text );color:var( --e-global-color-6a882ab );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 h1{color:var( --e-global-color-6a882ab );font-family:"Prompt", Sans-serif;font-size:60px;font-weight:700;line-height:1.2em;}.elementor-kit-6 h2{color:var( --e-global-color-accent );font-family:"Prompt", Sans-serif;font-size:50px;font-weight:700;line-height:1.2em;}.elementor-kit-6 h3{color:var( --e-global-color-accent );font-family:"Prompt", Sans-serif;font-size:20px;font-weight:500;line-height:1.2em;}.elementor-kit-6 h4{color:var( --e-global-color-6a882ab );font-family:"Prompt", Sans-serif;font-size:18px;font-weight:400;line-height:1.3em;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{font-family:"Prompt", Sans-serif;font-size:16px;font-weight:400;line-height:18px;border-radius:50px 50px 50px 50px;padding:12px 30px 12px 30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-6 h1{font-size:45px;}.elementor-kit-6 h2{font-size:40px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:18px;}.elementor-kit-6 h1{font-size:30px;line-height:1.1em;}.elementor-kit-6 h2{font-size:28px;line-height:1.2em;}.elementor-kit-6 h3{font-size:18px;}.elementor-kit-6 h4{font-size:17px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */h1,h2,h3,h4,h5,h6,p{
    margin: 0;
    padding: 0;
}
/*All Animation Property*/
@property --border-aimate {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
/*All Animation Property End*/

/*purple Text color*/
.purple-pink-color{
    color: #00C853;
}
/*purple Text color End*/


/*Text Wave animation*/
.wave-main {
  --wave-size: clamp(48px, 12vw, 110px);
  display: inline-block;    
  vertical-align: middle;    
  position: relative; 
  width: calc(var(--wave-size) * 1.05);
  height: var(--wave-size);
  margin-bottom: 0.25rem;
  line-height: 1;
  pointer-events: none;     
}

.wave-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: var(--wave-size);
  line-height: 1;
  white-space: nowrap;
}

.wave-outline {
  color: transparent;
  -webkit-text-stroke: 2px #00C853;
  text-stroke: 2px #00C853; 
}

.wave-fill {
  color: #00C853;
  -webkit-text-stroke: 2px #00C853;
  animation: waves 4s ease-in-out infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@keyframes waves {
  0%, 100% {
    clip-path: polygon(
      0% 45%,
      16% 44%,
      33% 50%,
      54% 60%,
      70% 61%,
      84% 59%,
      100% 52%,
      100% 100%,
      0% 100%
    );
  }
  50% {
    clip-path: polygon(
      0% 60%,
      15% 65%,
      34% 66%,
      51% 62%,
      67% 50%,
      84% 45%,
      100% 46%,
      100% 100%,
      0% 100%
    );
  }
}
@media (max-width: 420px) {
 .wave-main {
--wave-size: clamp(40px, 18vw, 80px); 
  } 
}
/*Text Wave animation End*/

/*Button animation*/
.btn-animate{
    position: relative;
    padding: 3px;
}

.btn-animate::before,
.btn-animate::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 3px;
  border-radius: 50px;
  background-image: conic-gradient(
    from var(--border-aimate),
    #00c853,
    #5a4bb7,
    #006aff,
    #00c853,
    #00c853
  );
  z-index: 1;
  animation: border-spin 2s linear infinite;
  transition: animation-duration 0.3s ease;
}

.btn-animate:hover::before,
.btn-animate:hover::after {
  animation-duration: 5s;
}

.btn-animate .elementor-button {
  position: relative;
  z-index: 2;
  background: #000;
}


.btn-animate .elementor-button:hover {
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
 background-color: rgba(5, 2, 28, 0.65) !important;
 color: #fff;
}

@keyframes border-spin {
  from {
    --border-aimate: 0deg;
  }
  to {
    --border-aimate: 360deg;
  }
}
/*Button animation End*/

/*pricing-box*/
.price-text{
    font-size: 18px;
    font-weight: bold;
    color: #fff
}

.btn-color-border{
     position: relative;
     padding: 2px;
     max-width: max-content;
}

.btn-color-border .elementor-button{
    position: relative;
    z-index: 2;
    background:#000 !important;
}

.btn-color-border::before,
.btn-color-border::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 3px;
  border-radius: 50px;
  background-image: conic-gradient(
    from var(--border-aimate), 
    #00c853, 
    #5a4bb7, 
    #006aff, 
    #00c853, 
    #00c853
  );
  z-index: 1;
}
.btn-color-border:hover::before,
.btn-color-border:hover::after {
  animation-duration: 5s;
}
.btn-color-border .elementor-button:hover {
 backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
 background-color: rgba(5, 2, 28, 0.65) !important;
 color: #fff;
}
/*pricing-box End*/

/*Golbe Rotate */
.img-rotate img{
display: inline-block;
animation: img-spin 50s linear infinite;
}

@keyframes img-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*Golbe Rotate End*/

/*Mouse hover Effect*/
.blob:hover > .blob-inner {
  opacity: 1;
}
.blob-inner {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 300ms;
  z-index: 0; 
  pointer-events: none;

  background: radial-gradient(
    400px circle at var(--mouse-x) var(--mouse-y),
    #00c85347,
    transparent 40%
  );
}
/*Mouse hover Effect End*/

/*Mobile Dashboard Css*/
.dashboard-mobile::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 500px;
  background-color: transparent;
  background-image: radial-gradient(at top left, transparent 70%, #000 100%);
  z-index: 3;
  pointer-events: none;
}

.dashboard-mobile::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, transparent 50%, #000 100%);
  pointer-events: none;
  z-index: 2;
}
/*Mobile Dashboard Css End*/

/*Border line animation*/
.border-line-animation{
  position: relative;     
  z-index: 0;  
  padding: 16px !important;
  border-radius: 10px;
  background: #0D0E0F;
}
.border-line-animation::before {
  content: "";
  position: absolute;
  inset: 0;                  
  border-radius: 10px;       
  background: conic-gradient(from var(--border-aimate), transparent 70%, #00E676);
  z-index: 0;           
  animation: border-line-spin 8s linear infinite;
  pointer-events: none;
}
.border-line-animation::after {
  content: "";
  position: absolute;
  inset: 1px;                
  border-radius: 10px;       
  background: #0D0E0F;       
  z-index: 1;                
  pointer-events: none;
}
.border-line-animation > * {
  position: relative;
  z-index: 2;
}

@keyframes border-line-spin {
  0%   { --border-aimate: 0deg; }
  100% { --border-aimate: 360deg; }
}
/*Border line animation End*//* End custom CSS */