.elementor-958 .elementor-element.elementor-element-94ed3a3{--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;}.elementor-958 .elementor-element.elementor-element-61b7241{--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;}/* Start custom CSS for html, class: .elementor-element-5805e9d */.ai-hero{

position:relative;

overflow:hidden;

padding:120px 8%;

background:#081120;

font-family:'Poppins',sans-serif;

}

.hero-bg{

position:absolute;

inset:0;

background:

radial-gradient(circle at top left,#2563eb55,transparent 45%),

radial-gradient(circle at bottom right,#7c3aed55,transparent 40%),

linear-gradient(135deg,#081120,#0f172a);

animation:bgMove 10s infinite alternate;

}

.hero-container{

position:relative;

display:flex;

align-items:center;

justify-content:space-between;

gap:80px;

z-index:2;

}

.hero-left{

flex:1;

}

.hero-right{

flex:1;

text-align:center;

}

.hero-right img{

width:100%;

max-width:650px;

border-radius:25px;

box-shadow:0 30px 60px rgba(0,0,0,.35);

animation:float 6s ease-in-out infinite;

}

.hero-badge{

display:inline-block;

padding:10px 20px;

border-radius:50px;

background:rgba(255,255,255,.08);

backdrop-filter:blur(12px);

color:#7dd3fc;

font-weight:600;

margin-bottom:25px;

}

.hero-left h1{

font-size:64px;

line-height:1.1;

font-weight:800;

color:white;

margin:0;

}

.hero-left h1 span{

background:linear-gradient(90deg,#3b82f6,#8b5cf6);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero-left p{

margin:30px 0;

font-size:19px;

line-height:1.8;

color:#cbd5e1;

max-width:650px;

}

.hero-buttons{

display:flex;

gap:20px;

margin-top:40px;

}

.btn-primary{

padding:18px 35px;

border-radius:50px;

background:linear-gradient(90deg,#2563eb,#7c3aed);

color:white;

font-weight:700;

text-decoration:none;

transition:.4s;

}

.btn-primary:hover{

transform:translateY(-5px);

box-shadow:0 20px 40px rgba(37,99,235,.35);

}

.btn-secondary{

padding:18px 35px;

border-radius:50px;

border:1px solid rgba(255,255,255,.2);

color:white;

text-decoration:none;

transition:.4s;

}

.btn-secondary:hover{

background:white;

color:#111827;

}

.hero-stats{

display:flex;

gap:60px;

margin-top:60px;

}

.hero-stats h2{

font-size:42px;

margin:0;

background:linear-gradient(90deg,#3b82f6,#8b5cf6);

-webkit-background-clip:text;

-webkit-text-fill-color:transparent;

}

.hero-stats p{

margin-top:8px;

color:#94a3b8;

}

@keyframes float{

50%{

transform:translateY(-20px);

}

}

@keyframes bgMove{

100%{

transform:scale(1.1);

}

}

@media(max-width:991px){

.hero-container{

flex-direction:column;

text-align:center;

}

.hero-left h1{

font-size:46px;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

}

.hero-stats{

justify-content:center;

flex-wrap:wrap;

}

}/* End custom CSS */