.elementor-1873 .elementor-element.elementor-element-46e3b84{--display:flex;--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;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1873 .elementor-element.elementor-element-0e22e28{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1873 .elementor-element.elementor-element-0468391{--display:flex;--min-height:184px;--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;--justify-content:center;--overlay-opacity:1;}.elementor-1873 .elementor-element.elementor-element-0468391::before, .elementor-1873 .elementor-element.elementor-element-0468391 > .elementor-background-video-container::before, .elementor-1873 .elementor-element.elementor-element-0468391 > .e-con-inner > .elementor-background-video-container::before, .elementor-1873 .elementor-element.elementor-element-0468391 > .elementor-background-slideshow::before, .elementor-1873 .elementor-element.elementor-element-0468391 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1873 .elementor-element.elementor-element-0468391 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;background-image:url("https://socialexposure.in/wp-content/uploads/2025/02/blog-bg.jpg");--background-overlay:'';background-size:cover;}.elementor-1873 .elementor-element.elementor-element-0468391::before{filter:brightness( 83% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1873 .elementor-element.elementor-element-cc480d8{text-align:center;}.elementor-1873 .elementor-element.elementor-element-cc480d8 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-weight:700;}.elementor-1873 .elementor-element.elementor-element-2cbe86b{--display:flex;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-1873 .elementor-element.elementor-element-4762294{--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;}.elementor-1873 .elementor-element.elementor-element-ce62af3{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1873 .elementor-element.elementor-element-abd100f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-1873 .elementor-element.elementor-element-abd100f .elementor-icon-wrapper{text-align:left;}.elementor-1873 .elementor-element.elementor-element-abd100f.elementor-view-stacked .elementor-icon{background-color:#241007;}.elementor-1873 .elementor-element.elementor-element-abd100f.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-abd100f.elementor-view-default .elementor-icon{color:#241007;border-color:#241007;}.elementor-1873 .elementor-element.elementor-element-abd100f.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-abd100f.elementor-view-default .elementor-icon svg{fill:#241007;}.elementor-1873 .elementor-element.elementor-element-abd100f .elementor-icon{font-size:38px;padding:12px;}.elementor-1873 .elementor-element.elementor-element-abd100f .elementor-icon svg{height:38px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1873 .elementor-element.elementor-element-3ccefcd{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1873 .elementor-element.elementor-element-d769820{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-1873 .elementor-element.elementor-element-d769820 .elementor-icon-wrapper{text-align:left;}.elementor-1873 .elementor-element.elementor-element-d769820.elementor-view-stacked .elementor-icon{background-color:#1D091F;}.elementor-1873 .elementor-element.elementor-element-d769820.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-d769820.elementor-view-default .elementor-icon{color:#1D091F;border-color:#1D091F;}.elementor-1873 .elementor-element.elementor-element-d769820.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-d769820.elementor-view-default .elementor-icon svg{fill:#1D091F;}.elementor-1873 .elementor-element.elementor-element-d769820 .elementor-icon{font-size:38px;padding:12px;}.elementor-1873 .elementor-element.elementor-element-d769820 .elementor-icon svg{height:38px;}.elementor-1873 .elementor-element.elementor-element-dd91f3c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1873 .elementor-element.elementor-element-46be24c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-1873 .elementor-element.elementor-element-46be24c .elementor-icon-wrapper{text-align:left;}.elementor-1873 .elementor-element.elementor-element-46be24c.elementor-view-stacked .elementor-icon{background-color:#081B1F;}.elementor-1873 .elementor-element.elementor-element-46be24c.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-46be24c.elementor-view-default .elementor-icon{color:#081B1F;border-color:#081B1F;}.elementor-1873 .elementor-element.elementor-element-46be24c.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-46be24c.elementor-view-default .elementor-icon svg{fill:#081B1F;}.elementor-1873 .elementor-element.elementor-element-46be24c .elementor-icon{font-size:38px;padding:12px;}.elementor-1873 .elementor-element.elementor-element-46be24c .elementor-icon svg{height:38px;}.elementor-1873 .elementor-element.elementor-element-653eb86{--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;}.elementor-1873 .elementor-element.elementor-element-2e80aae{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1873 .elementor-element.elementor-element-ef4fbb4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-1873 .elementor-element.elementor-element-ef4fbb4 .elementor-icon-wrapper{text-align:left;}.elementor-1873 .elementor-element.elementor-element-ef4fbb4.elementor-view-stacked .elementor-icon{background-color:#241007;}.elementor-1873 .elementor-element.elementor-element-ef4fbb4.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-ef4fbb4.elementor-view-default .elementor-icon{color:#241007;border-color:#241007;}.elementor-1873 .elementor-element.elementor-element-ef4fbb4.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-ef4fbb4.elementor-view-default .elementor-icon svg{fill:#241007;}.elementor-1873 .elementor-element.elementor-element-ef4fbb4 .elementor-icon{font-size:38px;padding:12px;}.elementor-1873 .elementor-element.elementor-element-ef4fbb4 .elementor-icon svg{height:38px;}.elementor-1873 .elementor-element.elementor-element-3f06047{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1873 .elementor-element.elementor-element-988cd62{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-1873 .elementor-element.elementor-element-988cd62 .elementor-icon-wrapper{text-align:left;}.elementor-1873 .elementor-element.elementor-element-988cd62.elementor-view-stacked .elementor-icon{background-color:#1D091F;}.elementor-1873 .elementor-element.elementor-element-988cd62.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-988cd62.elementor-view-default .elementor-icon{color:#1D091F;border-color:#1D091F;}.elementor-1873 .elementor-element.elementor-element-988cd62.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-988cd62.elementor-view-default .elementor-icon svg{fill:#1D091F;}.elementor-1873 .elementor-element.elementor-element-988cd62 .elementor-icon{font-size:38px;padding:12px;}.elementor-1873 .elementor-element.elementor-element-988cd62 .elementor-icon svg{height:38px;}.elementor-1873 .elementor-element.elementor-element-820e24e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1873 .elementor-element.elementor-element-1c7adf1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-1873 .elementor-element.elementor-element-1c7adf1 .elementor-icon-wrapper{text-align:left;}.elementor-1873 .elementor-element.elementor-element-1c7adf1.elementor-view-stacked .elementor-icon{background-color:#081B1F;}.elementor-1873 .elementor-element.elementor-element-1c7adf1.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-1c7adf1.elementor-view-default .elementor-icon{color:#081B1F;border-color:#081B1F;}.elementor-1873 .elementor-element.elementor-element-1c7adf1.elementor-view-framed .elementor-icon, .elementor-1873 .elementor-element.elementor-element-1c7adf1.elementor-view-default .elementor-icon svg{fill:#081B1F;}.elementor-1873 .elementor-element.elementor-element-1c7adf1 .elementor-icon{font-size:38px;padding:12px;}.elementor-1873 .elementor-element.elementor-element-1c7adf1 .elementor-icon svg{height:38px;}body.elementor-page-1873:not(.elementor-motion-effects-element-type-background), body.elementor-page-1873 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}@media(min-width:768px){.elementor-1873 .elementor-element.elementor-element-2cbe86b{--content-width:1200px;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS for container, class: .elementor-element-ce62af3 */.seo-card-hover {
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 24px;
  transition: all 0.4s ease;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

/* Top gradient line */
.seo-card-hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg,#F97316, #D42AED, #0EDBE9);
  background-size: 100%;
  transition: left 0.4s ease-in;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

/* Soft radial glow background on hover */
.seo-card-hover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(255, 102, 0, 0.15), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}

/* Hover effects */
.seo-card-hover:hover::before {
  left: 0;
  animation: progress-bar-slide 2s ease-in-out forwards;
}

.seo-card-hover:hover::after {
  opacity: 1;
}

.seo-card-hover:hover {
  box-shadow: 0 8px 32px rgba(255, 102, 0, 0.2);
  
}

/* Optional icon glow */
.seo-card-hover .elementor-icon {
  transition: box-shadow 0.4s ease;
  
}

.seo-card-hover .elementor-icon,
.seo-card-hover .elementor-icon {
  font-size: 30px;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  animation: pulse-glow 1.4s ease-in-out infinite;
}

.seo-card-hover:hover .elementor-icon{
  transform: scale(1.10);
}

.seo-card-hover .elementor-icon,
.seo-card-hover- {
  animation: pulse-glow 1.4s ease-in-out infinite;
  
}
@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 0px rgba(255, 102, 0, 0);
  }
  50% {
    box-shadow: 0 0 12px 4px rgba(255, 102, 0, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(255, 102, 0, 0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ccefcd */.seo-card-hover-purple {
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 24px;
  transition: all 0.4s ease;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

/* Top animated gradient line */
.seo-card-hover-purple::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #F97316, #D42AED, #0EDBE9);
  background-size: 100%;
  transition: left 0.4s ease-in;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  z-index: 1;
}

/* Radial purple glow background */
.seo-card-hover-purple::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(212, 42, 237, 0.12), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}

/* Hover trigger */
.seo-card-hover-purple:hover::before {
  left: 0;
  animation: progress-bar-slide 2s ease-in-out forwards;
}

.seo-card-hover-purple:hover::after {
  opacity: 1;
}

.seo-card-hover-purple:hover {
  box-shadow: 0 8px 32px rgba(212, 42, 237, 0.18);
}

/* Icon appearance + pulse + grow */
.seo-card-hover-purple .elementor-icon {
  font-size: 30px;
  transition: transform 0.3s ease-in-out, box-shadow 0.4s ease-in-out;
  animation: pulse-glow-purple 1.4s ease-in-out infinite;
}

.seo-card-hover-purple:hover .elementor-icon {
  transform: scale(1.10);
}

/* Icon glow animation (pulse) */
@keyframes pulse-glow-purple {
  0% {
    box-shadow: 0 0 0px rgba(212, 42, 237, 0);
  }
  50% {
    box-shadow: 0 0 12px 4px rgba(212, 42, 237, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(212, 42, 237, 0);
  }
}

/* Progress bar animation */
@keyframes progress-bar-slide {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd91f3c */.seo-card-hover-cyan {
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 24px;
  transition: all 0.4s ease;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

/* Top animated cyan gradient line */
.seo-card-hover-cyan::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #F97316, #D42AED, #0EDBE9);
  background-size: 100%;
  transition: left 0.4s ease-in;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  z-index: 1;
}

/* Soft radial cyan glow background */
.seo-card-hover-cyan::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(14, 219, 233, 0.12), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}

/* Hover triggers */
.seo-card-hover-cyan:hover::before {
  left: 0;
  animation: progress-bar-slide 2s ease-in-out forwards;
}

.seo-card-hover-cyan:hover::after {
  opacity: 1;
}

.seo-card-hover-cyan:hover {
  box-shadow: 0 8px 32px rgba(14, 219, 233, 0.18);
}

/* Icon behavior */
.seo-card-hover-cyan .elementor-icon {
  font-size: 30px;
  transition: transform 0.3s ease-in-out, box-shadow 0.4s ease-in-out;
  animation: pulse-glow-cyan 1.4s ease-in-out infinite;
}

.seo-card-hover-cyan:hover .elementor-icon {
  transform: scale(1.10);
}

/* Icon glow animation (cyan pulse) */
@keyframes pulse-glow-cyan {
  0% {
    box-shadow: 0 0 0px rgba(14, 219, 233, 0);
  }
  50% {
    box-shadow: 0 0 12px 4px rgba(14, 219, 233, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(14, 219, 233, 0);
  }
}

/* Shared progress bar animation */
@keyframes progress-bar-slide {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2e80aae */.seo-card-hover {
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 24px;
  transition: all 0.4s ease;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

/* Top gradient line */
.seo-card-hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg,#F97316, #D42AED, #0EDBE9);
  background-size: 100%;
  transition: left 0.4s ease-in;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

/* Soft radial glow background on hover */
.seo-card-hover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(255, 102, 0, 0.15), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}

/* Hover effects */
.seo-card-hover:hover::before {
  left: 0;
  animation: progress-bar-slide 2s ease-in-out forwards;
}

.seo-card-hover:hover::after {
  opacity: 1;
}

.seo-card-hover:hover {
  box-shadow: 0 8px 32px rgba(255, 102, 0, 0.2);
  
}

/* Optional icon glow */
.seo-card-hover .elementor-icon {
  transition: box-shadow 0.4s ease;
  
}

.seo-card-hover .elementor-icon,
.seo-card-hover .elementor-icon {
  font-size: 30px;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  animation: pulse-glow 1.4s ease-in-out infinite;
}

.seo-card-hover:hover .elementor-icon{
  transform: scale(1.10);
}

.seo-card-hover .elementor-icon,
.seo-card-hover- {
  animation: pulse-glow 1.4s ease-in-out infinite;
  
}
@keyframes pulse-glow {
  0% {
    box-shadow: 0 0 0px rgba(255, 102, 0, 0);
  }
  50% {
    box-shadow: 0 0 12px 4px rgba(255, 102, 0, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(255, 102, 0, 0);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f06047 */.seo-card-hover-purple {
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 24px;
  transition: all 0.4s ease;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

/* Top animated gradient line */
.seo-card-hover-purple::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #F97316, #D42AED, #0EDBE9);
  background-size: 100%;
  transition: left 0.4s ease-in;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  z-index: 1;
}

/* Radial purple glow background */
.seo-card-hover-purple::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(212, 42, 237, 0.12), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}

/* Hover trigger */
.seo-card-hover-purple:hover::before {
  left: 0;
  animation: progress-bar-slide 2s ease-in-out forwards;
}

.seo-card-hover-purple:hover::after {
  opacity: 1;
}

.seo-card-hover-purple:hover {
  box-shadow: 0 8px 32px rgba(212, 42, 237, 0.18);
}

/* Icon appearance + pulse + grow */
.seo-card-hover-purple .elementor-icon {
  font-size: 30px;
  transition: transform 0.3s ease-in-out, box-shadow 0.4s ease-in-out;
  animation: pulse-glow-purple 1.4s ease-in-out infinite;
}

.seo-card-hover-purple:hover .elementor-icon {
  transform: scale(1.10);
}

/* Icon glow animation (pulse) */
@keyframes pulse-glow-purple {
  0% {
    box-shadow: 0 0 0px rgba(212, 42, 237, 0);
  }
  50% {
    box-shadow: 0 0 12px 4px rgba(212, 42, 237, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(212, 42, 237, 0);
  }
}

/* Progress bar animation */
@keyframes progress-bar-slide {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-820e24e */.seo-card-hover-cyan {
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 24px;
  transition: all 0.4s ease;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.3);
}

/* Top animated cyan gradient line */
.seo-card-hover-cyan::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #F97316, #D42AED, #0EDBE9);
  background-size: 100%;
  transition: left 0.4s ease-in;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  z-index: 1;
}

/* Soft radial cyan glow background */
.seo-card-hover-cyan::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(14, 219, 233, 0.12), transparent 70%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}

/* Hover triggers */
.seo-card-hover-cyan:hover::before {
  left: 0;
  animation: progress-bar-slide 2s ease-in-out forwards;
}

.seo-card-hover-cyan:hover::after {
  opacity: 1;
}

.seo-card-hover-cyan:hover {
  box-shadow: 0 8px 32px rgba(14, 219, 233, 0.18);
}

/* Icon behavior */
.seo-card-hover-cyan .elementor-icon {
  font-size: 30px;
  transition: transform 0.3s ease-in-out, box-shadow 0.4s ease-in-out;
  animation: pulse-glow-cyan 1.4s ease-in-out infinite;
}

.seo-card-hover-cyan:hover .elementor-icon {
  transform: scale(1.10);
}

/* Icon glow animation (cyan pulse) */
@keyframes pulse-glow-cyan {
  0% {
    box-shadow: 0 0 0px rgba(14, 219, 233, 0);
  }
  50% {
    box-shadow: 0 0 12px 4px rgba(14, 219, 233, 0.6);
  }
  100% {
    box-shadow: 0 0 0px rgba(14, 219, 233, 0);
  }
}

/* Shared progress bar animation */
@keyframes progress-bar-slide {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 0 0;
  }
}/* End custom CSS */