.elementor-106676 .elementor-element.elementor-element-52e4ed6 > .elementor-container{min-height:541px;}.elementor-106676 .elementor-element.elementor-element-52e4ed6{margin-top:-80px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-106676 .elementor-element.elementor-element-b416239.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-106676 .elementor-element.elementor-element-b416239 > .elementor-element-populated{margin:0px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;padding:47px 0px 0px 0px;}.elementor-106676 .elementor-element.elementor-element-f4ba6aa > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-106676 .elementor-element.elementor-element-913068a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-106676 .elementor-element.elementor-element-913068a{text-align:start;}.elementor-106676 .elementor-element.elementor-element-913068a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:58px;font-weight:500;font-style:normal;line-height:58px;color:#4500A2;}.elementor-106676 .elementor-element.elementor-element-79d4bbd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 30px 0px 0px;}.elementor-106676 .elementor-element.elementor-element-79d4bbd{text-align:start;}.elementor-106676 .elementor-element.elementor-element-298fd4f > .elementor-widget-container{margin:-25px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-106676 .elementor-element.elementor-element-52e4ed6{padding:40px 0px 0px 0px;}.elementor-106676 .elementor-element.elementor-element-913068a > .elementor-widget-container{padding:0px 10px 0px 10px;}.elementor-106676 .elementor-element.elementor-element-913068a .elementor-heading-title{font-size:27px;line-height:1.3em;}}/* Start custom CSS for heading, class: .elementor-element-913068a */.gradient-text {
  background: linear-gradient(45deg, #3234CE, #4B42D6, #614FDB, #7E61E7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-52e4ed6 *//* Background Container Styles - Add to Elementor Section > Advanced > Custom CSS */
.hero-section {
  position: relative;
  width: 100%;
  background: transparent;
  isolation: isolate;
  overflow: hidden;
}

/* Grid Pattern with Radial Blur on all sides */
.hero-section::before {
  position: absolute;
  content: "";
  top: -50px;
  left: -50px;
  right: -50px;
  bottom: -50px;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  z-index: -1;
  pointer-events: none;
  --size: 80px;
  background: 
    linear-gradient(90deg, rgba(7, 96, 245, 0.08) 1px, transparent 1px) 50% 50% / var(--size) var(--size),
    linear-gradient(rgba(92, 68, 248, 0.08) 1px, transparent 1px) 50% 50% / var(--size) var(--size);
  mask: radial-gradient(ellipse at center, black 60%, transparent 95%);
  -webkit-mask: radial-gradient(ellipse at center, black 60%, transparent 95%);
}

/* Bottom Blur Fade Effect */
.hero-section::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.98), transparent);
}

/* Secondary Grid Overlay with Blur */
.hero-section .grid-overlay {
  position: absolute;
  top: -50px;
  left: -50px;
  right: -50px;
  bottom: -50px;
  width: calc(100% + 100px);
  height: calc(100% + 100px);
  pointer-events: none;
  z-index: -1;
  --size: 160px;
  background: 
    linear-gradient(90deg, rgba(7, 96, 245, 0.04) 1px, transparent 1px) 50% 50% / var(--size) var(--size),
    linear-gradient(rgba(92, 68, 248, 0.04) 1px, transparent 1px) 50% 50% / var(--size) var(--size);
  mask: radial-gradient(ellipse at center, black 60%, transparent 95%);
  -webkit-mask: radial-gradient(ellipse at center, black 60%, transparent 95%);
}

/* AI Glow Animation */
@keyframes aiPulse {
  0%, 100% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.05); }
}

.hero-section .ai-glow {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  height: 60%;
  background: radial-gradient(ellipse at center, rgba(7, 96, 245, 0.1), rgba(92, 68, 248, 0.05), transparent);
  border-radius: 50%;
  filter: blur(80px);
  animation: aiPulse 5s ease-in-out infinite;
  pointer-events: none;
  z-index: -1;
}/* End custom CSS */