.elementor-34 .elementor-element.elementor-element-268eb83{--display:flex;--min-height:495px;}.elementor-34 .elementor-element.elementor-element-268eb83:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-268eb83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://itsnexora.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-27-2026-06_42_28-AM-e1786019003151.png");background-position:-411px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-34 .elementor-element.elementor-element-dc59a52{width:var( --container-widget-width, 62.838% );max-width:62.838%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 31px;padding:0px 14px 0px 0px;--container-widget-width:62.838%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-dc59a52.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-34 .elementor-element.elementor-element-0a0d7a1{--display:flex;}.elementor-34 .elementor-element.elementor-element-0f9158c{width:var( --container-widget-width, 92% );max-width:92%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 34px;--container-widget-width:92%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-56a72a1{--display:flex;}.elementor-34 .elementor-element.elementor-element-af37ece{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -41px;padding:0px 0px 0px 6px;}.elementor-34 .elementor-element.elementor-element-dbb00f8{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:-14px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-dbb00f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-34 .elementor-element.elementor-element-379583c{width:var( --container-widget-width, 31.786% );max-width:31.786%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 69px;padding:0px 0px 0px 0px;--container-widget-width:31.786%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-379583c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-34 .elementor-element.elementor-element-7c036f2{padding:92px 0px 0px 0px;}.elementor-34 .elementor-element.elementor-element-3783ec6{--display:flex;}.elementor-34 .elementor-element.elementor-element-9872506{width:var( --container-widget-width, 100% );max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-2704e07{--display:flex;}.elementor-34 .elementor-element.elementor-element-c4d5810{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 42px;}.elementor-34 .elementor-element.elementor-element-644bd54{--display:flex;}.elementor-34 .elementor-element.elementor-element-3e2293c{--display:flex;--margin-top:-13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-34 .elementor-element.elementor-element-69be583{width:var( --container-widget-width, 101.878% );max-width:101.878%;margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -20px;--container-widget-width:101.878%;--container-widget-flex-grow:0;}.elementor-34 .elementor-element.elementor-element-69be583.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-34 .elementor-element.elementor-element-69be583 img{width:100%;}.elementor-34 .elementor-element.elementor-element-4e5e0e4{--display:flex;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-548789e{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-34 .elementor-element.elementor-element-a906bc8{--display:flex;--min-height:161px;--margin-top:49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-34 .elementor-element.elementor-element-a906bc8:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-a906bc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://itsnexora.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-29-2026-08_31_59-AM-2-e1785502202514.png");background-position:-2px -9px;background-repeat:no-repeat;background-size:cover;}.elementor-34 .elementor-element.elementor-element-a906bc8.e-con{--flex-grow:0;--flex-shrink:0;}body.elementor-page-34:not(.elementor-motion-effects-element-type-background), body.elementor-page-34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #030712 0%, #060B17 100%);}:root{--page-title-display:none;}@media(min-width:768px){.elementor-34 .elementor-element.elementor-element-dbb00f8{--width:98.953%;}.elementor-34 .elementor-element.elementor-element-3783ec6{--width:93%;}.elementor-34 .elementor-element.elementor-element-a906bc8{--width:100%;}}@media(max-width:1024px){.elementor-34 .elementor-element.elementor-element-268eb83:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-268eb83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-34 .elementor-element.elementor-element-a906bc8:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-a906bc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-34 .elementor-element.elementor-element-268eb83:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-268eb83 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-34 .elementor-element.elementor-element-a906bc8:not(.elementor-motion-effects-element-type-background), .elementor-34 .elementor-element.elementor-element-a906bc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}/* Start custom CSS for html, class: .elementor-element-dc59a52 */.pm-hero{
max-width:620px;
background:transparent;
font-family:Inter,sans-serif;
color:#fff;
}

.pm-tag{
display:inline-block;
font-size:13px;
font-weight:700;
letter-spacing:2px;
color:#3b82f6;
margin-bottom:15px;
text-transform:uppercase;
}

.pm-hero h1{
font-size:58px;
line-height:1.05;
font-weight:800;
margin:0;
color:#ffffff;
}

.pm-hero h1 span{
color:#2f8cff;
}

.pm-hero p{
margin-top:22px;
font-size:18px;
line-height:1.8;
color:#d6d6d6;
max-width:540px;
}

.pm-buttons{
display:flex;
gap:18px;
margin-top:35px;
flex-wrap:wrap;
}

.pm-buttons a{
text-decoration:none;
padding:16px 28px;
border-radius:14px;
font-size:16px;
font-weight:700;
display:flex;
align-items:center;
gap:10px;
transition:.35s;
}

.btn-primary{
background:linear-gradient(135deg,#0066ff,#3f8cff);
color:#fff;
box-shadow:0 0 30px rgba(0,102,255,.35);
}

.btn-primary:hover{
transform:translateY(-3px);
box-shadow:0 0 40px rgba(0,102,255,.6);
}

.btn-secondary{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(14px);
color:#fff;
}

.btn-secondary:hover{
border-color:#2f8cff;
transform:translateY(-3px);
}

.pm-trusted{
margin-top:45px;
}

.pm-trusted p{
font-size:15px;
margin-bottom:18px;
color:#bfbfbf;
}

.pm-logos{
display:flex;
flex-wrap:wrap;
gap:26px;
font-size:16px;
font-weight:600;
color:#fff;
}

.pm-logos div{
display:flex;
align-items:center;
gap:10px;
opacity:.9;
}

.pm-logos i{
font-size:24px;
color:#fff;
}

@media(max-width:768px){

.pm-hero h1{
font-size:40px;
}

.pm-hero p{
font-size:16px;
}

.pm-buttons{
flex-direction:column;
}

.pm-buttons a{
justify-content:center;
}

.pm-logos{
gap:18px;
font-size:14px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f9158c *//*=========================
  Premium Stats Section
==========================*/

.nexora-stats{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    width:100%;

    padding:18px 35px;

    background:transparent;

    border:1px solid rgba(41,102,255,.15);
    border-radius:18px;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}

.stat-item{
    display:flex;
    align-items:center;
    gap:16px;
    flex:1;
}

.stat-item i{
    font-size:28px;
    color:#2F80FF;
}

.stat-text h3{
    margin:0;
    font-size:30px;
    font-weight:700;
    line-height:1;
    color:#ffffff;
}

.stat-text p{
    margin-top:5px;
    font-size:14px;
    color:#9CAFC8;
    line-height:1.4;
}

.stat-divider{
    width:1px;
    height:55px;
    background:rgba(255,255,255,.12);
}

@media(max-width:991px){

.nexora-stats{
    flex-wrap:wrap;
    gap:25px;
}

.stat-divider{
    display:none;
}

.stat-item{
    width:45%;
}

}

@media(max-width:768px){

.nexora-stats{
    flex-direction:column;
    align-items:flex-start;
}

.stat-item{
    width:100%;
}

}/* ===========================
   PREMIUM ANIMATIONS
=========================== */

/* Section Animation */
.nexora-stats{
    animation:fadeInUp 1s ease;
}

/* Cards */
.stat-item{
    transition:all .4s ease;
    animation:floatUp .8s ease forwards;
}

.stat-item:nth-child(1){animation-delay:.2s;}
.stat-item:nth-child(3){animation-delay:.4s;}
.stat-item:nth-child(5){animation-delay:.6s;}
.stat-item:nth-child(7){animation-delay:.8s;}

.stat-item:hover{
    transform:translateY(-10px) scale(1.05);
}

/* Icons */
.stat-item i{
    animation:iconFloat 3s ease-in-out infinite;
    transition:.4s;
}

.stat-item:hover i{
    color:#4EA4FF;
    transform:rotate(12deg) scale(1.2);
    text-shadow:0 0 20px rgba(47,128,255,.8);
}

/* Numbers */
.stat-text h3{
    animation:numberGlow 2s ease-in-out infinite alternate;
}

/* Divider */
.stat-divider{
    animation:dividerGlow 2s infinite;
}

/* ===========================
   KEYFRAMES
=========================== */

@keyframes fadeInUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes floatUp{
    from{
        opacity:0;
        transform:translateY(25px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@keyframes iconFloat{
    0%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-8px);
    }
    100%{
        transform:translateY(0);
    }
}

@keyframes numberGlow{
    from{
        text-shadow:0 0 8px rgba(47,128,255,.3);
    }
    to{
        text-shadow:
        0 0 12px rgba(47,128,255,.9),
        0 0 25px rgba(47,128,255,.6);
    }
}

@keyframes dividerGlow{
    0%{
        opacity:.3;
    }
    50%{
        opacity:1;
        box-shadow:0 0 12px rgba(47,128,255,.8);
    }
    100%{
        opacity:.3;
    }
}/* ===========================
   SHINING EFFECT
=========================== */

.nexora-stats{
    position:relative;
    overflow:hidden;
}

/* Moving Shine */

.nexora-stats::before{
    content:"";
    position:absolute;
    top:0;
    left:-150%;

    width:60%;
    height:100%;

    background:linear-gradient(
        110deg,
        transparent 0%,
        rgba(255,255,255,.05) 35%,
        rgba(255,255,255,.35) 50%,
        rgba(255,255,255,.05) 65%,
        transparent 100%
    );

    transform:skewX(-25deg);

    animation:shine 5s linear infinite;

    pointer-events:none;
}

/* Blue Border Glow */

.nexora-stats:hover{
    border-color:#2F80FF;
    box-shadow:
        0 0 15px rgba(47,128,255,.30),
        0 0 35px rgba(47,128,255,.20);
}

/* Icon Glow */

.stat-item:hover i{
    text-shadow:
        0 0 10px #2F80FF,
        0 0 20px #2F80FF,
        0 0 30px #2F80FF;
}

/* Number Glow */

.stat-text h3:hover{
    text-shadow:
        0 0 10px #ffffff,
        0 0 20px #2F80FF,
        0 0 40px #2F80FF;
}

/* Shine Animation */

@keyframes shine{

    0%{
        left:-150%;
    }

    100%{
        left:180%;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-af37ece *//* =====================================================
   NEXORA SERVICES SECTION
   Premium Glass UI
===================================================== */

.nx-services-section{
    position:relative;
    width:100%;
    padding:90px 0;
    background:transparent;
    overflow:hidden;
    font-family:'Inter',sans-serif;
}

.nx-wrapper{
    width:min(1400px,92%);
    margin:auto;
}

/* ===========================
HEADINGS
=========================== */

.nx-small-title{
    display:inline-block;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#2F80FF;
    margin-bottom:15px;
}

.nx-heading{
    margin-bottom:45px;
}

.nx-heading h2{

    margin:0;

    color:#fff;

    font-size:52px;

    line-height:1.15;

    font-weight:800;

}

.nx-services-header{

display:flex;

justify-content:space-between;

align-items:flex-end;

margin:70px 0 35px;

gap:25px;

}

.nx-services-header h2{

margin-top:10px;

font-size:38px;

color:#fff;

font-weight:700;

line-height:1.3;

}

/* ===========================
VIEW BUTTON
=========================== */

.nx-view-btn{

display:inline-flex;

align-items:center;

gap:12px;

padding:16px 28px;

border-radius:14px;

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

border:1px solid rgba(47,128,255,.20);

text-decoration:none;

color:#fff;

font-weight:600;

transition:.35s;

backdrop-filter:blur(15px);

}

.nx-view-btn:hover{

background:#2F80FF;

transform:translateY(-4px);

box-shadow:0 15px 35px rgba(47,128,255,.35);

}

/* ===========================
TOP GRID
=========================== */

.nx-top-grid{

display:grid;

grid-template-columns:repeat(6,1fr);

gap:18px;

margin-bottom:65px;

}

/* ===========================
SERVICES GRID
=========================== */

.nx-services-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:22px;

}

/* ===========================
FEATURE CARD
=========================== */

.nx-feature-card{

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

border:1px solid rgba(47,128,255,.15);

border-radius:18px;

padding:28px 22px;

backdrop-filter:blur(16px);

transition:.35s;

position:relative;

overflow:hidden;

}

.nx-feature-card:hover{

border-color:#2F80FF;

box-shadow:0 0 35px rgba(47,128,255,.20);

transform:translateY(-8px);

}

/* ===========================
SERVICE CARD
=========================== */

.nx-service-card{

position:relative;

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

border:1px solid rgba(47,128,255,.15);

border-radius:18px;

padding:28px 24px;

backdrop-filter:blur(16px);

transition:.35s;

overflow:hidden;

}

.nx-service-card:hover{

transform:translateY(-10px);

border-color:#2F80FF;

box-shadow:

0 20px 40px rgba(0,0,0,.30),

0 0 35px rgba(47,128,255,.18);

}

/* ===========================
ICONS
=========================== */

.nx-icon,
.nx-service-icon{

width:62px;

height:62px;

display:flex;

align-items:center;

justify-content:center;

border-radius:16px;

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

border:1px solid rgba(47,128,255,.20);

margin-bottom:20px;

}

.nx-icon i,
.nx-service-icon i{

font-size:24px;

color:#2F80FF;

}

/* ===========================
TEXT
=========================== */

.nx-feature-card h3,
.nx-service-card h3{

margin:0 0 14px;

font-size:21px;

font-weight:700;

color:#fff;

line-height:1.4;

}

.nx-feature-card p,
.nx-service-card p{

margin:0;

font-size:15px;

line-height:1.8;

color:#B9C2D3;

}

.nx-service-card a{

display:inline-flex;

align-items:center;

gap:8px;

margin-top:22px;

text-decoration:none;

color:#fff;

font-size:15px;

font-weight:600;

transition:.35s;

}

.nx-service-card a:hover{

color:#2F80FF;

}

/* ===========================
RESPONSIVE
=========================== */

@media(max-width:1200px){

.nx-top-grid{

grid-template-columns:repeat(3,1fr);

}

.nx-services-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.nx-heading h2{

font-size:36px;

}

.nx-services-header{

flex-direction:column;

align-items:flex-start;

}

.nx-top-grid{

grid-template-columns:1fr;

}

.nx-services-grid{

grid-template-columns:1fr;

}

.nx-services-header h2{

font-size:28px;

}

}/* ==========================================
   NEXORA PREMIUM ANIMATIONS
========================================== */

/* Animated Gradient Border */

.nx-feature-card::before,
.nx-service-card::before{

content:"";

position:absolute;

inset:0;

padding:1px;

border-radius:18px;

background:linear-gradient(
135deg,
transparent,
rgba(47,128,255,.8),
transparent,
rgba(47,128,255,.3),
transparent
);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

opacity:0;

transition:.45s;

pointer-events:none;

}

.nx-feature-card:hover::before,
.nx-service-card:hover::before{

opacity:1;

animation:borderMove 3s linear infinite;

}

/* ===========================
Glass Shine
=========================== */

.nx-feature-card::after,
.nx-service-card::after{

content:"";

position:absolute;

top:0;

left:-150%;

width:80%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.18),
transparent
);

transform:skewX(-25deg);

pointer-events:none;

}

.nx-feature-card:hover::after,
.nx-service-card:hover::after{

animation:shine .9s ease;

}

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

.nx-feature-card{

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

}

.nx-service-card{

animation:float2 7s ease-in-out infinite;

}

/* Delay Each Card */

.nx-feature-card:nth-child(2),
.nx-service-card:nth-child(2){

animation-delay:.4s;

}

.nx-feature-card:nth-child(3),
.nx-service-card:nth-child(3){

animation-delay:.8s;

}

.nx-feature-card:nth-child(4),
.nx-service-card:nth-child(4){

animation-delay:1.2s;

}

.nx-feature-card:nth-child(5),
.nx-service-card:nth-child(5){

animation-delay:1.6s;

}

.nx-feature-card:nth-child(6),
.nx-service-card:nth-child(6){

animation-delay:2s;

}

/* ===========================
Icon Pulse
=========================== */

.nx-icon,
.nx-service-icon{

animation:iconPulse 2.6s infinite;

}

/* ===========================
Text Animation
=========================== */

.nx-heading h2,
.nx-services-header h2{

animation:titleFade 1.2s ease;

}

.nx-small-title{

animation:titleGlow 2s infinite alternate;

}

/* ===========================
Links
=========================== */

.nx-service-card a i{

transition:.35s;

}

.nx-service-card:hover a i{

transform:translateX(7px);

}

/* ===========================
Hover Scale
=========================== */

.nx-service-card:hover .nx-service-icon{

transform:scale(1.12) rotate(-6deg);

transition:.4s;

}

.nx-feature-card:hover .nx-icon{

transform:scale(1.12);

transition:.4s;

}

/* ===========================
Ambient Blue Glow
=========================== */

.nx-services-section{

position:relative;

}

.nx-services-section::before{

content:"";

position:absolute;

width:420px;

height:420px;

background:#0a63ff;

filter:blur(180px);

opacity:.12;

top:0;

right:-160px;

border-radius:50%;

pointer-events:none;

}

.nx-services-section::after{

content:"";

position:absolute;

width:350px;

height:350px;

background:#0a63ff;

filter:blur(180px);

opacity:.10;

bottom:-100px;

left:-120px;

border-radius:50%;

pointer-events:none;

}

/* ===========================
KEYFRAMES
=========================== */

@keyframes shine{

0%{

left:-150%;

}

100%{

left:170%;

}

}

@keyframes borderMove{

0%{

filter:hue-rotate(0deg);

}/* ==========================================
   NEXORA PREMIUM ANIMATIONS
========================================== */

/* Animated Gradient Border */

.nx-feature-card::before,
.nx-service-card::before{

content:"";

position:absolute;

inset:0;

padding:1px;

border-radius:18px;

background:linear-gradient(
135deg,
transparent,
rgba(47,128,255,.8),
transparent,
rgba(47,128,255,.3),
transparent
);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

opacity:0;

transition:.45s;

pointer-events:none;

}

.nx-feature-card:hover::before,
.nx-service-card:hover::before{

opacity:1;

animation:borderMove 3s linear infinite;

}

/* ===========================
Glass Shine
=========================== */

.nx-feature-card::after,
.nx-service-card::after{

content:"";

position:absolute;

top:0;

left:-150%;

width:80%;

height:100%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.18),
transparent
);

transform:skewX(-25deg);

pointer-events:none;

}

.nx-feature-card:hover::after,
.nx-service-card:hover::after{

animation:shine .9s ease;

}

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

.nx-feature-card{

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

}

.nx-service-card{

animation:float2 7s ease-in-out infinite;

}

/* Delay Each Card */

.nx-feature-card:nth-child(2),
.nx-service-card:nth-child(2){

animation-delay:.4s;

}

.nx-feature-card:nth-child(3),
.nx-service-card:nth-child(3){

animation-delay:.8s;

}

.nx-feature-card:nth-child(4),
.nx-service-card:nth-child(4){

animation-delay:1.2s;

}

.nx-feature-card:nth-child(5),
.nx-service-card:nth-child(5){

animation-delay:1.6s;

}

.nx-feature-card:nth-child(6),
.nx-service-card:nth-child(6){

animation-delay:2s;

}

/* ===========================
Icon Pulse
=========================== */

.nx-icon,
.nx-service-icon{

animation:iconPulse 2.6s infinite;

}

/* ===========================
Text Animation
=========================== */

.nx-heading h2,
.nx-services-header h2{

animation:titleFade 1.2s ease;

}

.nx-small-title{

animation:titleGlow 2s infinite alternate;

}

/* ===========================
Links
=========================== */

.nx-service-card a i{

transition:.35s;

}

.nx-service-card:hover a i{

transform:translateX(7px);

}

/* ===========================
Hover Scale
=========================== */

.nx-service-card:hover .nx-service-icon{

transform:scale(1.12) rotate(-6deg);

transition:.4s;

}

.nx-feature-card:hover .nx-icon{

transform:scale(1.12);

transition:.4s;

}

/* ===========================
Ambient Blue Glow
=========================== */

.nx-services-section{

position:relative;

}

.nx-services-section::before{

content:"";

position:absolute;

width:420px;

height:420px;

background:#0a63ff;

filter:blur(180px);

opacity:.12;

top:0;

right:-160px;

border-radius:50%;

pointer-events:none;

}

.nx-services-section::after{

content:"";

position:absolute;

width:350px;

height:350px;

background:#0a63ff;

filter:blur(180px);

opacity:.10;

bottom:-100px;

left:-120px;

border-radius:50%;

pointer-events:none;

}

/* ===========================
KEYFRAMES
=========================== */

@keyframes shine{

0%{

left:-150%;

}

100%{

left:170%;

}

}

@keyframes borderMove{

0%{

filter:hue-rotate(0deg);

}

100%{

filter:hue-rotate(360deg);

}

}

@keyframes float1{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-10px);

}

}

@keyframes float2{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-8px);

}

}

@keyframes iconPulse{

0%{

box-shadow:0 0 0 rgba(47,128,255,.2);

}

50%{

box-shadow:
0 0 25px rgba(47,128,255,.7),
0 0 45px rgba(47,128,255,.3);

}

100%{

box-shadow:0 0 0 rgba(47,128,255,.2);

}

}

@keyframes titleGlow{

from{

opacity:.75;

letter-spacing:2px;

}

to{

opacity:1;

letter-spacing:3px;

}

}

@keyframes titleFade{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}

100%{

filter:hue-rotate(360deg);

}

}

@keyframes float1{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-10px);

}

}

@keyframes float2{

0%,100%{

transform:translateY(0px);

}

50%{

transform:translateY(-8px);

}

}

@keyframes iconPulse{

0%{

box-shadow:0 0 0 rgba(47,128,255,.2);

}

50%{

box-shadow:
0 0 25px rgba(47,128,255,.7),
0 0 45px rgba(47,128,255,.3);

}

100%{

box-shadow:0 0 0 rgba(47,128,255,.2);

}

}

@keyframes titleGlow{

from{

opacity:.75;

letter-spacing:2px;

}

to{

opacity:1;

letter-spacing:3px;

}

}

@keyframes titleFade{

from{

opacity:0;

transform:translateY(30px);

}

to{

opacity:1;

transform:translateY(0);

}

}<script>

/* ==========================================
   Scroll Reveal Animation
========================================== */

const observer = new IntersectionObserver((entries)=>{

entries.forEach(entry=>{

if(entry.isIntersecting){

entry.target.classList.add("nx-show");

}

});

},{

threshold:.15

});

document.querySelectorAll(".nx-feature-card,.nx-service-card,.nx-heading,.nx-services-header").forEach(el=>{

observer.observe(el);

});


/* ==========================================
   Mouse Parallax
========================================== */

const cards=document.querySelectorAll(".nx-feature-card,.nx-service-card");

cards.forEach(card=>{

card.addEventListener("mousemove",(e)=>{

const rect=card.getBoundingClientRect();

const x=e.clientX-rect.left;

const y=e.clientY-rect.top;

const rotateY=((x/rect.width)-0.5)*12;

const rotateX=((y/rect.height)-0.5)*-12;

card.style.transform=
`perspective(1000px)
rotateX(${rotateX}deg)
rotateY(${rotateY}deg)
translateY(-8px)`;

});

card.addEventListener("mouseleave",()=>{

card.style.transform="";

});

});


/* ==========================================
   Stagger Loading
========================================== */

document.querySelectorAll(".nx-service-card").forEach((card,index)=>{

card.style.animationDelay=`${index*0.12}s`;

});

document.querySelectorAll(".nx-feature-card").forEach((card,index)=>{

card.style.animationDelay=`${index*0.1}s`;

});

</script>/* ==========================================
SCROLL REVEAL
========================================== */

.nx-heading,
.nx-services-header,
.nx-feature-card,
.nx-service-card{

opacity:0;

transform:translateY(60px);

transition:

opacity .9s ease,

transform .9s ease;

will-change:transform,opacity;

}

.nx-show{

opacity:1;

transform:translateY(0);

}

/* Stagger */

.nx-feature-card:nth-child(1){transition-delay:.05s;}
.nx-feature-card:nth-child(2){transition-delay:.12s;}
.nx-feature-card:nth-child(3){transition-delay:.20s;}
.nx-feature-card:nth-child(4){transition-delay:.28s;}
.nx-feature-card:nth-child(5){transition-delay:.36s;}
.nx-feature-card:nth-child(6){transition-delay:.44s;}

.nx-service-card:nth-child(1){transition-delay:.05s;}
.nx-service-card:nth-child(2){transition-delay:.12s;}
.nx-service-card:nth-child(3){transition-delay:.20s;}
.nx-service-card:nth-child(4){transition-delay:.28s;}
.nx-service-card:nth-child(5){transition-delay:.36s;}
.nx-service-card:nth-child(6){transition-delay:.44s;}
.nx-service-card:nth-child(7){transition-delay:.52s;}
.nx-service-card:nth-child(8){transition-delay:.60s;}
.nx-service-card:nth-child(9){transition-delay:.68s;}
.nx-service-card:nth-child(10){transition-delay:.76s;}
.nx-service-card:nth-child(11){transition-delay:.84s;}
.nx-service-card:nth-child(12){transition-delay:.92s;}

/* Smooth GPU acceleration */

.nx-feature-card,
.nx-service-card{

transform-style:preserve-3d;

backface-visibility:hidden;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-379583c *//* ===========================
Premium Card
=========================== */

.nx-feature-card{

position:relative;

max-width:430px;

padding:35px;

border-radius:22px;

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

border:1px solid rgba(47,128,255,.20);

backdrop-filter:blur(18px);

overflow:hidden;

font-family:Inter,sans-serif;

transform-style:preserve-3d;

animation:cardRotate 8s linear infinite;

transition:.4s;

}

/* Neon Border */

.nx-feature-card::before{

content:"";

position:absolute;

inset:0;

padding:1px;

border-radius:22px;

background:linear-gradient(
90deg,
transparent,
#2F80FF,
transparent,
#2F80FF,
transparent
);

-webkit-mask:
linear-gradient(#fff 0 0) content-box,
linear-gradient(#fff 0 0);

-webkit-mask-composite:xor;

mask-composite:exclude;

animation:borderGlow 4s linear infinite;

}

/* Shine */

.nx-feature-card::after{

content:"";

position:absolute;

top:-100%;

left:-50%;

width:60%;

height:300%;

background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.15),
transparent
);

transform:rotate(25deg);

animation:shine 4s linear infinite;

}

.nx-tag{

font-size:13px;

font-weight:700;

letter-spacing:2px;

color:#2F80FF;

margin-bottom:18px;

}

.nx-feature-card h2{

color:#fff;

font-size:36px;

line-height:1.2;

margin-bottom:25px;

font-weight:800;

}

.nx-feature-card ul{

list-style:none;

padding:0;

margin:0;

}

.nx-feature-card li{

display:flex;

align-items:flex-start;

gap:12px;

margin-bottom:16px;

color:#d5dbe8;

font-size:15px;

line-height:1.7;

}

.nx-feature-card li i{

color:#2F80FF;

font-size:16px;

margin-top:4px;

animation:iconPulse 2s infinite;

}

/* Button */

.nx-btn{

display:inline-flex;

align-items:center;

gap:12px;

margin-top:30px;

padding:16px 26px;

border-radius:14px;

background:linear-gradient(135deg,#0E4DFF,#2F80FF);

text-decoration:none;

color:#fff;

font-weight:700;

transition:.35s;

box-shadow:0 0 25px rgba(47,128,255,.35);

}

.nx-btn:hover{

transform:translateY(-4px);

box-shadow:0 0 40px rgba(47,128,255,.6);

}

.nx-btn i{

transition:.35s;

}

.nx-btn:hover i{

transform:translateX(6px);

}

/* ===========================
Animations
=========================== */

@keyframes cardRotate{

0%{

transform:perspective(1200px) rotateY(0deg);

}

25%{

transform:perspective(1200px) rotateY(6deg);

}

50%{

transform:perspective(1200px) rotateY(0deg);

}

75%{

transform:perspective(1200px) rotateY(-6deg);

}

100%{

transform:perspective(1200px) rotateY(0deg);

}

}

@keyframes borderGlow{

100%{

filter:hue-rotate(360deg);

}

}

@keyframes shine{

0%{

left:-80%;

}

100%{

left:180%;

}

}

@keyframes iconPulse{

0%{

transform:scale(1);

}

50%{

transform:scale(1.2);

}

100%{

transform:scale(1);

}

}

@media(max-width:768px){

.nx-feature-card{

padding:25px;

}

.nx-feature-card h2{

font-size:28px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9872506 *//* ===== Process Row ===== */

.nx-process-row{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:25px;
flex-wrap:nowrap;
}

/* ===== Each Step ===== */

.nx-step{
position:relative;
text-align:center;
width:160px;
animation:fadeUp .8s ease forwards;
}

/* ===== Circle ===== */

.nx-circle{

width:62px;
height:62px;

margin:0 auto 18px;

border-radius:50%;

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

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

display:flex;
align-items:center;
justify-content:center;

backdrop-filter:blur(12px);

box-shadow:
0 0 18px rgba(255,255,255,.12),
0 0 25px rgba(47,128,255,.15);

animation:floatIcon 4s ease-in-out infinite;

transition:.4s;

}

.nx-circle:hover{

transform:scale(1.1);

box-shadow:
0 0 25px rgba(255,255,255,.3),
0 0 35px rgba(47,128,255,.45);

}

/* ===== Icon ===== */

.nx-circle i{

font-size:24px;

color:#ffffff;

transition:.4s;

}

.nx-circle:hover i{

transform:rotate(12deg);

}

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

.nx-step h3{

margin:10px 0 6px;

font-size:17px;

font-weight:700;

color:#ffffff;

}

/* ===== Description ===== */

.nx-step p{

font-size:13px;

line-height:1.5;

color:#AEB8D0;

}

/* ===== Animated Dotted Line ===== */

.nx-arrow{

flex:1;

height:2px;

margin-top:30px;

background:repeating-linear-gradient(
90deg,
rgba(255,255,255,.85) 0 5px,
transparent 5px 10px
);

background-size:30px 2px;

animation:lineMove 1.5s linear infinite;

}

/* ===== Animations ===== */

@keyframes lineMove{

from{

background-position:0 0;

}

to{

background-position:30px 0;

}

}

@keyframes floatIcon{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

/* ===== Responsive ===== */

@media(max-width:768px){

.nx-process-row{

flex-direction:column;
align-items:center;

}

.nx-arrow{

width:2px;
height:40px;

margin:5px 0;

background:repeating-linear-gradient(
180deg,
rgba(255,255,255,.85) 0 5px,
transparent 5px 10px
);

}

}.nx-process-title span{
    color:#2F80FF;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    display:block;
    margin-bottom:8px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c4d5810 *//* ==========================
   OUR WORK HEADER
========================== */

.nx-work-header{

display:flex;

justify-content:space-between;

align-items:center;

padding:10px 0;

background:transparent;

font-family:Inter,sans-serif;

}

/* Left Side */

.nx-left{

display:flex;

flex-direction:column;

}

.nx-label{

font-size:12px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#2F80FF;

margin-bottom:6px;

}

.nx-left h2{

margin:0;

font-size:34px;

font-weight:800;

line-height:1.2;

color:#FFFFFF;

}

/* Button */

.nx-btn{

display:flex;

align-items:center;

gap:10px;

padding:14px 24px;

border-radius:14px;

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

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

color:#ffffff;

font-size:15px;

font-weight:600;

text-decoration:none;

backdrop-filter:blur(12px);

transition:.35s ease;

}

.nx-btn:hover{

background:#2F80FF;

border-color:#2F80FF;

transform:translateY(-3px);

box-shadow:0 10px 30px rgba(47,128,255,.35);

}

.nx-btn i{

transition:.35s;

}

.nx-btn:hover i{

transform:translateX(6px);

}

/* Responsive */

@media(max-width:768px){

.nx-work-header{

flex-direction:column;

align-items:flex-start;

gap:20px;

}

.nx-left h2{

font-size:28px;

}

.nx-btn{

width:100%;

justify-content:center;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-522f396 *//* ==========================================
   NEXORA CASE STUDIES - PREMIUM DESIGN
========================================== */

.nexora-case-studies{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
    width:100%;
}

.case-card{

    position:relative;
    overflow:hidden;

    background:rgba(8,15,35,.35);

    border:1px solid rgba(59,130,246,.18);

    border-radius:18px;

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    padding:24px;

    transition:.45s ease;
}

/* Top */

.case-tag{

    display:inline-block;

    font-size:12px;

    font-weight:600;

    color:#4EA4FF;

    padding:6px 14px;

    border:1px solid rgba(78,164,255,.25);

    border-radius:50px;

    margin-bottom:18px;

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

}

.case-top h3{

    margin:0;

    color:#fff;

    font-size:21px;

    line-height:1.45;

    font-weight:700;

}

/* Stats */

.case-stats{

    display:flex;

    justify-content:space-between;

    margin:28px 0;

}

.stat-box h4{

    margin:0;

    color:#ffffff;

    font-size:28px;

    font-weight:700;

}

.stat-box p{

    margin-top:6px;

    color:#9FB5D1;

    font-size:14px;

}

/* Button */

.case-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    text-decoration:none;

    width:100%;

    padding:14px 18px;

    background:#ffffff;

    color:#1F5EFF;

    font-weight:700;

    border-radius:50px;

    transition:.35s ease;

}

.case-btn i{

    transition:.35s ease;

}

/* Hover */

.case-card:hover{

    border-color:#3B82F6;

    box-shadow:
    0 15px 40px rgba(59,130,246,.18);

}

.case-btn:hover{

    background:#1F5EFF;

    color:#fff;

}

.case-btn:hover i{

    transform:translateX(6px);

}

/* Tablet */

@media(max-width:1024px){

.nexora-case-studies{

grid-template-columns:repeat(2,1fr);

}

}

/* Mobile */

@media(max-width:767px){

.nexora-case-studies{

grid-template-columns:1fr;

}

.case-card{

padding:20px;

}

.case-top h3{

font-size:18px;

}

}/*==========================================
 PREMIUM ANIMATIONS
==========================================*/

/* Required */

.case-card{
    position:relative;
    transform-style:preserve-3d;
    animation:cardFloat 5s ease-in-out infinite;
}

/* Different Floating Speed */

.case-card:nth-child(1){
    animation-delay:0s;
}

.case-card:nth-child(2){
    animation-delay:.6s;
}

.case-card:nth-child(3){
    animation-delay:1.2s;
}

.case-card:nth-child(4){
    animation-delay:1.8s;
}

/* Premium Hover */

.case-card:hover{

    transform:
        translateY(-15px)
        rotateX(8deg)
        rotateY(-8deg)
        scale(1.03);

    border-color:#4EA4FF;

    box-shadow:
        0 20px 45px rgba(78,164,255,.22),
        0 0 25px rgba(78,164,255,.18);

}

/* Moving Shine */

.case-card::before{

    content:"";

    position:absolute;

    top:0;
    left:-160%;

    width:60%;
    height:100%;

    background:linear-gradient(
        115deg,
        transparent,
        rgba(255,255,255,.28),
        transparent
    );

    transform:skewX(-25deg);

    animation:shineMove 4s linear infinite;

    pointer-events:none;

}

/* Blue Glow Border */

.case-card::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:18px;

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

    box-shadow:
        0 0 20px rgba(78,164,255,.12);

    opacity:0;

    transition:.4s;

}

.case-card:hover::after{

    opacity:1;

}

/* Heading Glow */

.case-card:hover h3{

    color:#ffffff;

    text-shadow:
        0 0 10px rgba(78,164,255,.6);

}

/* Number Glow */

.case-card:hover .stat-box h4{

    text-shadow:
        0 0 10px #4EA4FF,
        0 0 20px #4EA4FF;

}

/* Tag Animation */

.case-tag{

    transition:.35s;

}

.case-card:hover .case-tag{

    background:#1F5EFF;

    color:#ffffff;

}

/* Animated Button */

.case-btn{

    position:relative;

    overflow:hidden;

}

.case-btn::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:50%;

    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.7),
        transparent
    );

    transform:skewX(-25deg);

    animation:buttonShine 3s linear infinite;

}

.case-btn:hover{

    transform:translateY(-3px);

    box-shadow:
        0 0 20px rgba(78,164,255,.45);

}

/* Arrow */

.case-btn i{

    transition:.35s;

}

.case-btn:hover i{

    transform:translateX(7px);

}

/*=========================
 KEYFRAMES
=========================*/

@keyframes cardFloat{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0px);
}

}

@keyframes shineMove{

0%{
left:-160%;
}

100%{
left:180%;
}

}

@keyframes buttonShine{

0%{
left:-120%;
}

100%{
left:180%;
}

}<script>
document.addEventListener("DOMContentLoaded", function () {

    const cards = document.querySelectorAll(".case-card");

    // Initial State
    cards.forEach((card) => {
        card.style.opacity = "0";
        card.style.transform = "translateY(60px) scale(0.9)";
        card.style.transition =
            "opacity .8s ease, transform .8s ease, box-shadow .4s ease";
    });

    // Scroll Animation
    const observer = new IntersectionObserver((entries) => {

        entries.forEach((entry) => {

            if (entry.isIntersecting) {

                entry.target.style.opacity = "1";
                entry.target.style.transform = "translateY(0) scale(1)";

                observer.unobserve(entry.target);

            }

        });

    }, {
        threshold: 0.2
    });

    cards.forEach((card) => observer.observe(card));

    // Premium Mouse Tilt Effect
    cards.forEach((card) => {

        card.addEventListener("mousemove", function(e){

            const rect = card.getBoundingClientRect();

            const x = e.clientX - rect.left;
            const y = e.clientY - rect.top;

            const rotateY = ((x / rect.width) - 0.5) * 12;
            const rotateX = ((rect.height / 2 - y) / rect.height) * 12;

            card.style.transform =
                `perspective(1000px)
                 rotateX(${rotateX}deg)
                 rotateY(${rotateY}deg)
                 translateY(-10px)
                 scale(1.03)`;

        });

        card.addEventListener("mouseleave", function(){

            card.style.transform = "";

        });

    });

});
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-548789e *//* ==========================================
   NEXORA TESTIMONIAL SECTION
========================================== */

.nexora-testimonial-section{

    width:100%;
    position:relative;
    overflow:hidden;

}

/* Heading */

.testimonial-heading{

    text-align:center;

    color:#ffffff;

    font-size:34px;

    font-weight:700;

    margin-bottom:40px;

    letter-spacing:2px;

}

/* Slider */

.testimonial-slider{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:20px;

}

/* Track */

.testimonial-track{

    display:flex;

    gap:25px;

    width:100%;

}

/* Card */

.testimonial-card{

    flex:1;

    position:relative;

    overflow:hidden;

    padding:28px;

    background:rgba(7,15,35,.28);

    border:1px solid rgba(59,130,246,.18);

    border-radius:18px;

    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);

    transition:.45s ease;

}

/* Quote Icon */

.quote-icon{

    color:#3B82F6;

    font-size:26px;

    margin-bottom:16px;

}

/* Review */

.testimonial-text{

    color:#D5E4FF;

    font-size:15px;

    line-height:1.8;

    margin-bottom:28px;

}

/* Bottom */

.client-info{

    display:flex;

    align-items:center;

    gap:14px;

}

/* Image */

.client-info img{

    width:55px;

    height:55px;

    border-radius:50%;

    border:2px solid #3B82F6;

}

/* Name */

.client-details{

    flex:1;

}

.client-details h4{

    margin:0;

    color:#ffffff;

    font-size:17px;

}

.client-details span{

    color:#9FB5D1;

    font-size:13px;

}

/* Stars */

.rating{

    display:flex;

    gap:3px;

}

.rating i{

    color:#FFD84D;

    font-size:14px;

}

/* Navigation */

.nav-btn{

    width:46px;

    height:46px;

    border-radius:50%;

    border:none;

    cursor:pointer;

    background:rgba(59,130,246,.12);

    color:#ffffff;

    font-size:18px;

    transition:.35s;

}

.nav-btn:hover{

    background:#3B82F6;

    color:#ffffff;

}

/* Hover */

.testimonial-card:hover{

    border-color:#3B82F6;

    transform:translateY(-8px);

    box-shadow:

    0 18px 40px rgba(59,130,246,.18);

}

/* Tablet */

@media(max-width:1024px){

.testimonial-track{

flex-wrap:wrap;

}

.testimonial-card{

flex:0 0 calc(50% - 13px);

}

}

/* Mobile */

@media(max-width:767px){

.testimonial-track{

flex-direction:column;

}

.testimonial-card{

width:100%;

}

.testimonial-heading{

font-size:26px;

}

.nav-btn{

display:none;

}

}/*=========================================
 PREMIUM ANIMATIONS
=========================================*/

/* Floating Cards */

.testimonial-card{

    animation:floatCard 5s ease-in-out infinite;
    transform-style:preserve-3d;

}

.testimonial-card:nth-child(1){
    animation-delay:0s;
}

.testimonial-card:nth-child(2){
    animation-delay:.5s;
}

.testimonial-card:nth-child(3){
    animation-delay:1s;
}

/* 3D Hover */

.testimonial-card:hover{

    transform:
        translateY(-15px)
        rotateX(6deg)
        rotateY(-6deg)
        scale(1.03);

    border-color:#3B82F6;

    box-shadow:
        0 20px 45px rgba(59,130,246,.25),
        0 0 30px rgba(59,130,246,.15);

}

/* Moving Shine */

.testimonial-card::before{

    content:"";

    position:absolute;

    top:0;
    left:-150%;

    width:55%;
    height:100%;

    background:linear-gradient(
        110deg,
        transparent,
        rgba(255,255,255,.28),
        transparent
    );

    transform:skewX(-25deg);

    animation:shineMove 4s linear infinite;

    pointer-events:none;

}

/* Blue Glow Border */

.testimonial-card::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:18px;

    border:1px solid rgba(59,130,246,.20);

    opacity:0;

    transition:.4s;

}

.testimonial-card:hover::after{

    opacity:1;

    box-shadow:
        0 0 20px rgba(59,130,246,.35);

}

/* Quote Icon */

.quote-icon{

    animation:quoteFloat 3s ease-in-out infinite;

}

/* Stars */

.rating i{

    animation:starGlow 2s infinite alternate;

}

.rating i:nth-child(2){animation-delay:.2s;}
.rating i:nth-child(3){animation-delay:.4s;}
.rating i:nth-child(4){animation-delay:.6s;}
.rating i:nth-child(5){animation-delay:.8s;}

/* Client Image */

.client-info img{

    transition:.4s;

}

.testimonial-card:hover .client-info img{

    transform:scale(1.08) rotate(5deg);

    box-shadow:
        0 0 20px rgba(59,130,246,.45);

}

/* Navigation Buttons */

.nav-btn{

    position:relative;

    overflow:hidden;

}

.nav-btn::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:50%;
    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.8),
        transparent
    );

    transform:skewX(-25deg);

    animation:buttonShine 3s linear infinite;

}

.nav-btn:hover{

    transform:scale(1.1);

    box-shadow:
        0 0 18px rgba(59,130,246,.45);

}

/*==========================
 KEYFRAMES
==========================*/

@keyframes floatCard{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-10px);
}

100%{
transform:translateY(0px);
}

}

@keyframes quoteFloat{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-5px);
}

100%{
transform:translateY(0);
}

}

@keyframes shineMove{

0%{
left:-150%;
}

100%{
left:180%;
}

}

@keyframes starGlow{

from{

opacity:.7;

}

to{

opacity:1;

text-shadow:
0 0 10px #FFD84D,
0 0 20px #FFD84D;

}

}

@keyframes buttonShine{

0%{
left:-120%;
}

100%{
left:180%;
}

}<script>
document.addEventListener("DOMContentLoaded", function () {

    const track = document.querySelector(".testimonial-track");
    const cards = document.querySelectorAll(".testimonial-card");
    const next = document.querySelector(".next-btn");
    const prev = document.querySelector(".prev-btn");

    let index = 0;
    let cardWidth = cards[0].offsetWidth + 25;

    function updateSlider() {
        track.style.transition = "transform .7s ease";
        track.style.transform = `translateX(-${index * cardWidth}px)`;
    }

    function nextSlide() {
        if(index < cards.length - 1){
            index++;
        }else{
            index = 0;
        }
        updateSlider();
    }

    function prevSlide() {
        if(index > 0){
            index--;
        }else{
            index = cards.length - 1;
        }
        updateSlider();
    }

    next.addEventListener("click", nextSlide);
    prev.addEventListener("click", prevSlide);

    /* Auto Slide */

    setInterval(nextSlide,5000);

    /* Resize */

    window.addEventListener("resize",function(){

        cardWidth = cards[0].offsetWidth + 25;

        updateSlider();

    });

    /* Scroll Reveal */

    const observer = new IntersectionObserver((entries)=>{

        entries.forEach(entry=>{

            if(entry.isIntersecting){

                entry.target.style.opacity="1";
                entry.target.style.transform="translateY(0)";

            }

        });

    },{

        threshold:0.2

    });

    cards.forEach((card,i)=>{

        card.style.opacity="0";
        card.style.transform="translateY(50px)";
        card.style.transition=`all .8s ease ${i*.15}s`;

        observer.observe(card);

    });

    /* Premium Mouse Tilt */

    cards.forEach(card=>{

        card.addEventListener("mousemove",(e)=>{

            const rect = card.getBoundingClientRect();

            const x = e.clientX - rect.left;
            const y = e.clientY - rect.top;

            const rotateY = ((x / rect.width)-0.5)*14;
            const rotateX = ((rect.height/2-y)/rect.height)*14;

            card.style.transform =
            `perspective(1000px)
            rotateY(${rotateY}deg)
            rotateX(${rotateX}deg)
            translateY(-10px)
            scale(1.03)`;

        });

        card.addEventListener("mouseleave",()=>{

            card.style.transform="";

        });

    });

});
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9603933 */*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.cta-banner{
    width:100%;
    background:transparent;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:20px;
    font-family:'Inter',sans-serif;
}

.cta-content{
    max-width:900px;
}

.cta-title{
    color:#ffffff;
    font-size:42px;
    font-weight:800;
    line-height:1.2;
    margin-bottom:8px;
}

.cta-subtitle{
    color:#d5d9e4;
    font-size:18px;
    font-weight:500;
    margin-bottom:22px;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
}

.btn{
    text-decoration:none;
    border-radius:50px;
    padding:14px 30px;
    font-size:15px;
    font-weight:700;
    transition:.3s ease;
    display:flex;
    align-items:center;
    gap:10px;
}

.btn-primary{
    background:#ffffff;
    color:#2b5cff;
}

.btn-primary:hover{
    transform:translateY(-3px);
}

.btn-secondary{
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.15);
    color:#ffffff;
}

.btn-secondary:hover{
    background:rgba(255,255,255,.12);
}

@media(max-width:768px){

    .cta-title{
        font-size:30px;
    }

    .cta-subtitle{
        font-size:16px;
    }

    .cta-buttons{
        flex-direction:column;
        align-items:center;
    }

    .btn{
        width:100%;
        justify-content:center;
    }

}/* End custom CSS */
/* Start custom CSS *//* ===== FEATURE CARD ===== */

body.elementor-page-34 .nx-feature-card{
    background:transparent;
    max-width:420px;
    font-family:Inter,Arial,sans-serif;
}

/* Featured Service */
body.elementor-page-34 .nx-feature-card .nx-label{
    color:#1E90FF;
    font-size:12px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    margin-bottom:12px;
}

/* Heading */
body.elementor-page-34 .nx-feature-card h2{
    color:#FFFFFF;
    font-size:38px;
    font-weight:700;
    line-height:1.15;
    margin:0 0 18px;
}

/* List */
body.elementor-page-34 .nx-feature-card ul{
    list-style:none;
    margin:0;
    padding:0;
}

body.elementor-page-34 .nx-feature-card li{
    color:#A7B4C9;
    font-size:16px;
    line-height:1.8;
    padding-left:22px;
    position:relative;
    margin-bottom:8px;
}

/* Blue Dot */
body.elementor-page-34 .nx-feature-card li::before{
    content:"";
    width:7px;
    height:7px;
    background:#1E90FF;
    border-radius:50%;
    position:absolute;
    left:0;
    top:11px;
}

/* Button */
body.elementor-page-34 .nx-feature-card .nx-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:25px;
    padding:14px 24px;
    background:#FFFFFF;
    color:#071B3D;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

body.elementor-page-34 .nx-feature-card .nx-btn span{
    color:#1E90FF;
    font-size:18px;
}

body.elementor-page-34 .nx-feature-card .nx-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 30px rgba(255,255,255,.18);
}

/* Mobile */
@media(max-width:767px){

body.elementor-page-34 .nx-feature-card h2{
    font-size:30px;
}

body.elementor-page-34 .nx-feature-card li{
    font-size:15px;
}

}/* End custom CSS */