.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}/* Start custom CSS for html, class: .elementor-element-25696aa */.aeo-hero{
    max-width:950px;
    margin:auto;
    padding:100px 20px;
    text-align:center;
}

.hero-badge{
    display:inline-block;
    padding:14px 38px;
    border-radius:50px;
    border:1px solid rgba(133,219,33,.35);
    background:rgba(133,219,33,.08);
    color:#85DB21;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:35px;
}

.hero-title{
    color:#fff;
    font-size:clamp(3rem,5vw,5rem);
    line-height:1.1;
    font-weight:800;
    margin-bottom:30px;
}

.hero-title span{
    display:block;
    color:#85DB21;
}

.hero-description{
    max-width:820px;
    margin:auto;
    color:#d3dae5;
    font-size:1.15rem;
    line-height:1.9;
}

.hero-description strong{
    color:#85DB21;
    font-weight:600;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39590cd *//* ============================
   AEO & GEO - AI Journey
============================= */

.ai-journey{
    position:relative;
    padding:120px 20px;
    background:#081128;
    overflow:hidden;
}

/* Background Glow */

.ai-journey::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    left:-250px;
    top:-200px;
    background:#85DB21;
    filter:blur(180px);
    opacity:.08;
}

.ai-journey::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    right:-150px;
    bottom:-200px;
    background:#00D68F;
    filter:blur(180px);
    opacity:.08;
}

/* ============================
   Heading
============================= */

.journey-heading{
    max-width:850px;
    margin:auto;
    text-align:center;
    margin-bottom:90px;
    position:relative;
    z-index:2;
}

.journey-badge{

    display:inline-block;
    padding:12px 34px;
    border-radius:50px;

    background:rgba(133,219,33,.08);

    border:1px solid rgba(133,219,33,.3);

    color:#85DB21;

    font-size:13px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.journey-heading h2{

    margin:30px 0 20px;
    color:#fff;
    font-size:clamp(3rem,5vw,4.8rem);
    line-height:1.1;
    font-weight:800;

}

.journey-heading h2 span{

    display:block;
    color:#85DB21;

}

.journey-heading p{

    max-width:760px;
    margin:auto;

    color:#cfd6e2;

    line-height:1.9;

    font-size:1.1rem;

}

/* ============================
   Timeline
============================= */

.journey{

    max-width:1100px;
    margin:auto;
    position:relative;
    z-index:2;

}

/* Neon Line */

.journey::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    bottom:0;

    width:4px;

    transform:translateX(-50%);

    background:linear-gradient(
        to bottom,
        #85DB21,
        #9CFF4F,
        #00D68F
    );

    box-shadow:
        0 0 12px rgba(133,219,33,.8),
        0 0 25px rgba(133,219,33,.45);

}

/* ============================
   Steps
============================= */

.step{

    display:flex;
    width:50%;
    position:relative;
    margin-bottom:90px;

}

.step.left{

    justify-content:flex-end;
    padding-right:90px;

}

.step.right{

    margin-left:50%;
    padding-left:90px;

}

/* ============================
   AI Glowing Numbers
============================= */

.step-number{

    position:absolute;

    top:25px;

    width:78px;

    height:78px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    font-weight:800;

    color:#fff;

    background:radial-gradient(circle,
    #9CFF4F 0%,
    #85DB21 40%,
    #3BAF29 100%);

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

    box-shadow:

        0 0 12px rgba(133,219,33,.9),

        0 0 25px rgba(133,219,33,.8),

        0 0 45px rgba(133,219,33,.55),

        0 0 90px rgba(133,219,33,.35);

    z-index:10;

    transition:.4s;

    overflow:hidden;

}

/* Glass Center */

.step-number::before{

    content:"";

    position:absolute;

    inset:8px;

    border-radius:50%;

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

    box-shadow:

    inset 0 0 18px rgba(255,255,255,.3);

}

/* Animated Pulse */

.step-number::after{

    content:"";

    position:absolute;

    inset:-10px;

    border-radius:50%;

    border:2px solid rgba(133,219,33,.45);

    animation:pulseGlow 2.6s infinite;

}

.step.left .step-number{

    right:-39px;

}

.step.right .step-number{

    left:-39px;

}

@keyframes pulseGlow{

    0%{

        transform:scale(.85);
        opacity:.9;

    }

    70%{

        transform:scale(1.4);
        opacity:0;

    }

    100%{

        transform:scale(1.4);
        opacity:0;

    }

}

/* ============================
   Cards
============================= */

.step-card{

    position:relative;

    padding:35px;

    border-radius:24px;

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

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

    backdrop-filter:blur(14px);

    transition:.35s;

    overflow:hidden;

}

.step-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:linear-gradient(90deg,#85DB21,#00D68F);

}

.step-card:hover{

    transform:translateY(-10px);

    border-color:#85DB21;

    box-shadow:

        0 20px 45px rgba(133,219,33,.15);

}

/* Number Glow on Hover */

.step:hover .step-number{

    transform:scale(1.12);

    box-shadow:

        0 0 20px rgba(133,219,33,1),

        0 0 40px rgba(133,219,33,.95),

        0 0 70px rgba(133,219,33,.75),

        0 0 120px rgba(133,219,33,.45);

}

/* ============================
   Icons
============================= */

.step-icon{

    font-size:40px;

    margin-bottom:20px;

}

/* ============================
   Typography
============================= */

.step-card h3{

    color:#fff;

    font-size:1.45rem;

    margin-bottom:15px;

    font-weight:700;

}

.step-card p{

    color:#cfd6e2;

    line-height:1.8;

    margin:0;

}

/* ============================
   Mobile
============================= */

@media(max-width:900px){

.journey::before{

left:35px;

}

.step,
.step.left,
.step.right{

width:100%;

margin-left:0;

padding-left:95px;

padding-right:0;

justify-content:flex-start;

}

.step.left .step-number,
.step.right .step-number{

left:0;

right:auto;

}

.step-card{

padding:30px;

}

.journey-heading h2{

font-size:2.8rem;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8d622bd *//* ==========================
   AI CTA
========================== */

.ai-cta{

    position:relative;
    padding:140px 20px;
    overflow:hidden;

}

/* Background Glow */

.ai-orb{

    position:absolute;
    border-radius:50%;
    filter:blur(150px);

}

.orb-1{

    width:420px;
    height:420px;

    background:#85DB21;

    left:-120px;
    top:-100px;

    opacity:.15;

}

.orb-2{

    width:350px;
    height:350px;

    background:#00D68F;

    right:-100px;
    bottom:-80px;

    opacity:.15;

}

/* Card */

.ai-card{

    position:relative;

    max-width:900px;

    margin:auto;

    padding:70px;

    border-radius:32px;

    text-align:center;

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

    backdrop-filter:blur(18px);

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

    box-shadow:
    0 20px 80px rgba(0,0,0,.3);

}

/* Top Gradient */

.ai-card::before{

content:"";

position:absolute;

left:0;
top:0;

width:100%;
height:5px;

border-radius:32px 32px 0 0;

background:linear-gradient(
90deg,
#85DB21,
#00D68F,
#85DB21);

}

/* AI Status */

.ai-status{

display:inline-flex;

align-items:center;

gap:12px;

padding:12px 28px;

border-radius:50px;

background:rgba(133,219,33,.08);

border:1px solid rgba(133,219,33,.25);

color:#85DB21;

font-size:13px;

font-weight:700;

letter-spacing:3px;

text-transform:uppercase;

margin-bottom:35px;

}

/* Pulse */

.pulse{

width:10px;
height:10px;

background:#85DB21;

border-radius:50%;

box-shadow:0 0 15px #85DB21;

animation:pulse 2s infinite;

}

@keyframes pulse{

0%{

transform:scale(1);
opacity:1;

}

50%{

transform:scale(1.7);
opacity:.5;

}

100%{

transform:scale(1);
opacity:1;

}

}

/* Heading */

.ai-card h2{

font-size:clamp(3rem,5vw,4.8rem);

line-height:1.1;

color:#fff;

font-weight:800;

margin-bottom:25px;

}

.ai-card h2 span{

display:block;

color:#85DB21;

}

/* Paragraph */

.ai-card p{

max-width:700px;

margin:0 auto 45px;

font-size:1.15rem;

line-height:1.9;

color:#cfd6e2;

}

/* Buttons */

.cta-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

}

.primary-btn{

padding:18px 42px;

border-radius:50px;

background:linear-gradient(
135deg,
#85DB21,
#00D68F);

color:#081128;

font-weight:700;

text-decoration:none;

transition:.35s;

box-shadow:
0 15px 40px rgba(133,219,33,.25);

}

.primary-btn:hover{

transform:translateY(-5px);

box-shadow:
0 20px 55px rgba(133,219,33,.45);

}

.secondary-btn{

padding:18px 42px;

border-radius:50px;

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

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

color:#fff;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.secondary-btn:hover{

border-color:#85DB21;

color:#85DB21;

}

/* Responsive */

@media(max-width:768px){

.ai-card{

padding:45px 30px;

}

.ai-card h2{

font-size:2.8rem;

}

}/* End custom CSS */