/*==============================
CTA SECTION
==============================*/

.cta-section{

    padding:120px 0;
    background:#f5f9ff;

}

.cta-wrapper{

    position:relative;

    overflow:hidden;

    padding:70px 60px;

    border-radius:30px;

    background:linear-gradient(135deg,#0b4dbb,#0d6efd,#00b4d8);

    color:#fff;

    box-shadow:0 25px 60px rgba(13,110,253,.35);

}

/* Decorative Circle */

.cta-wrapper::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

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

    border-radius:50%;

    top:-180px;

    right:-120px;

}

.cta-wrapper::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

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

    border-radius:50%;

    bottom:-80px;

    left:-60px;

}

.cta-subtitle{

    display:inline-block;

    text-transform:uppercase;

    letter-spacing:3px;

    font-weight:600;

    margin-bottom:20px;

    color:#dceeff;

}

.cta-wrapper h2{

    font-size:48px;

    font-weight:700;

    margin-bottom:25px;

    line-height:1.3;

}

.cta-wrapper p{

    font-size:17px;

    line-height:1.9;

    max-width:720px;

    color:rgba(255,255,255,.9);

}

.cta-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 40px;

    border-radius:60px;

    background:#fff;

    color:#0d6efd;

    font-size:17px;

    font-weight:700;

    text-decoration:none;

    transition:.4s;

    box-shadow:0 12px 25px rgba(0,0,0,.15);

}

.cta-btn:hover{

    background:#13294b;

    color:#fff;

    transform:translateY(-6px);

}

.cta-phone{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    font-size:18px;

}

.cta-phone i{

    width:48px;

    height:48px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

}

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

@media(max-width:991px){

.cta-wrapper{

padding:55px 35px;

text-align:center;

}

.cta-wrapper h2{

font-size:38px;

}

}

@media(max-width:576px){

.cta-wrapper{

padding:40px 25px;

}

.cta-wrapper h2{

font-size:30px;

}

.cta-wrapper p{

font-size:15px;

}

.cta-btn{

width:100%;

}

}


/*==========================
FOOTER
==========================*/

.footer{

    background:#06152e;

    color:#d8e4ff;

    padding:90px 0 30px;

}

.footer-logo{

    width:180px;

    margin-bottom:25px;

}

.footer-about{

    line-height:1.9;

    color:#b9c7df;

    margin-bottom:30px;

}

.footer h4{

    color:#fff;

    margin-bottom:25px;

    font-size:22px;

    font-weight:700;

    position:relative;

}

.footer h4::after{

    content:"";

    width:45px;

    height:3px;

    background:#0d6efd;

    display:block;

    margin-top:10px;

    border-radius:50px;

}

.footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer ul li{

    margin-bottom:15px;

}

.footer ul li a{

    color:#b9c7df;

    text-decoration:none;

    transition:.3s;

}

.footer ul li a:hover{

    color:#0d6efd;

    padding-left:8px;

}

.contact-item{

    display:flex;

    gap:15px;

    margin-bottom:18px;

    align-items:flex-start;

}

.contact-item i{

    color:#0d6efd;

    font-size:18px;

    margin-top:5px;

}

.contact-item span{

    color:#b9c7df;

    line-height:1.7;

}

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#10274b;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    transition:.4s;

    text-decoration:none;

}

.footer-social a:hover{

    background:#0d6efd;

    transform:translateY(-6px);

}

.footer hr{

    border-color:rgba(255,255,255,.08);

    margin:60px 0 25px;

}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:15px;

}

.footer-bottom p{

    margin:0;

    color:#a8b7d3;

}

.footer-bottom a{

    color:#a8b7d3;

    margin-left:20px;

    text-decoration:none;

    transition:.3s;

}

.footer-bottom a:hover{

    color:#0d6efd;

}

@media(max-width:991px){

.footer{

text-align:left;

}

.footer-social{

justify-content:left;

}

.contact-item{

justify-content:left;

text-align:left;

}

.footer-bottom{

flex-direction:column;

}

}

@media(max-width:576px){

.footer{

padding:70px 0 25px;

}

.footer-logo{

width:150px;

}

.footer h4{

font-size:20px;

}

}

.counter-num{
    display: flex;
    justify-content: left;
    align-items: flex-end;
    gap: 2px;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.counter{
    line-height: 1;
}

.plus{
    font-size: 36px;
    line-height: 1;
    margin-bottom: 6px; /* Adjust if needed */
}
/*==========================
 IMPACT
==========================*/

.stats-section{
    background:#0d0860;
    padding:120px 0;
    position:relative;
    overflow:hidden;
}

.stats-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:#2563eb22;
    filter:blur(120px);
    top:-180px;
    right:-100px;
}

.stats-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#06b6d422;
    filter:blur(120px);
    bottom:-150px;
    left:-100px;
}

.stats-header{
    text-align:center;
    max-width:700px;
    margin:auto;
    margin-bottom:90px;
}

.stats-header span{
    color:#60a5fa;
    text-transform:uppercase;
    letter-spacing:3px;
    font-weight:700;
}

.stats-header h2{
    color:#fff;
    font-size:54px;
    margin:18px 0;
    font-weight:700;
}

.stats-header p{
    color:#94a3b8;
    font-size:18px;
    line-height:1.8;
}

.stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:50px;
}

.stat-item{
    text-align:center;
    position:relative;
}

.stat-item::after{
    content:"";
    position:absolute;
    top:25%;
    right:-25px;
    width:1px;
    height:120px;
    background:rgba(255,255,255,.08);
}

.stat-item:last-child::after{
    display:none;
}

.stat-item h1{
    font-size:90px;
    font-weight:800;
    line-height:1;
    margin-bottom:20px;

    background:linear-gradient(90deg,#3b82f6,#38bdf8,#ffffff);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.stat-item h4{
    color:#fff;
    margin-bottom:15px;
    font-size:24px;
}

.stat-item p{
    color:#94a3b8;
    line-height:1.8;
    max-width:230px;
    margin:auto;
}

.stat-item:hover h1{
    transform:scale(1.08);
    transition:.4s;
}

@media(max-width:992px){

.stats-grid{
grid-template-columns:repeat(2,1fr);
gap:60px 30px;
}

.stat-item::after{
display:none;
}

}

@media(max-width:576px){

.stats-section{
padding:80px 0;
}

.stats-grid{
grid-template-columns:1fr;
}

.stats-header h2{
font-size:36px;
}

.stat-item h1{
font-size:70px;
}

}

/* Aurora Glow */

.stats-section{
    position:relative;
    overflow:hidden;
    background:#0e1e39;
}

.stats-section::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    background:radial-gradient(circle,#2563eb55 0%,transparent 70%);
    top:-250px;
    left:-180px;
    animation:float1 10s ease-in-out infinite;
}

.stats-section::after{
    content:"";
    position:absolute;
    width:550px;
    height:550px;
    background:radial-gradient(circle,#06b6d455 0%,transparent 70%);
    bottom:-250px;
    right:-150px;
    animation:float2 12s ease-in-out infinite;
}

@keyframes float1{
    0%,100%{
        transform:translateY(0) translateX(0);
    }
    50%{
        transform:translateY(40px) translateX(60px);
    }
}

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

/* Grid Background */

.stats-section{
    position:relative;
    overflow:hidden;
    background:#152d57;
}

.stats-section::before{
    content:"";
    position:absolute;
    inset:0;

    background-image:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);

    background-size:70px 70px;

    mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);
}

/* Mesh Gradient */

.stats-section{

background:
radial-gradient(at 0% 20%,rgba(37,99,235,.35) 0,transparent 40%),
radial-gradient(at 100% 0%,rgba(6,182,212,.30) 0,transparent 35%),
radial-gradient(at 80% 100%,rgba(59,130,246,.25) 0,transparent 40%),
radial-gradient(at 10% 90%,rgba(96,165,250,.20) 0,transparent 35%),
#081120;

overflow:hidden;
position:relative;

}

/*==============================
 PREMIUM FOOTER index1
==============================*/

/* .premium-footer{

background:#102e57;

position:relative;

padding-top:90px;

color:#fff;

overflow:hidden;

}

.premium-footer::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

background:linear-gradient(90deg,#2563eb,#06b6d4,#3b82f6);

}

.footer-cta{

display:flex;

justify-content:space-between;

align-items:center;

gap:40px;

padding-bottom:70px;

}

.footer-tag{

color:#38bdf8;

font-weight:700;

letter-spacing:3px;

font-size:13px;

}

.footer-cta h2{

font-size:48px;

margin:18px 0;

font-weight:700;

}

.footer-cta p{

color:#94a3b8;

max-width:600px;

line-height:1.8;

}

.footer-btn{

display:inline-flex;

align-items:center;

gap:10px;

padding:16px 34px;

background:linear-gradient(135deg,#2563eb,#06b6d4);

border-radius:60px;

font-weight:600;

color:#fff;

text-decoration:none;

transition:.35s;

}

.footer-btn:hover{

transform:translateY(-5px);

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

color:#fff;

}

.premium-footer hr{

border-color:rgba(255,255,255,.08);

margin:0 0 60px;

}

.footer-grid{

display:grid;

grid-template-columns:2fr 1fr 1fr 1.3fr;

gap:50px;

}

.footer-logo{

font-size:34px;

font-weight:800;

margin-bottom:20px;

}

.footer-logo span{

color:#3b82f6;

}

.footer-text{

color:#94a3b8;

line-height:1.9;

margin-bottom:30px;

max-width:360px;

}

.footer-grid h5{

margin-bottom:22px;

font-size:18px;

}

.footer-grid ul{

list-style:none;

padding:0;

margin:0;

}

.footer-grid li{

margin-bottom:14px;

color:#94a3b8;

}

.footer-grid a{

text-decoration:none;

color:#94a3b8;

transition:.3s;

}

.footer-grid a:hover{

color:#fff;

padding-left:8px;

}

.social-icons{

display:flex;

gap:15px;

}

.social-icons a{

width:46px;

height:46px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

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

transition:.35s;

color:#fff;

}

.social-icons a:hover{

background:#2563eb;

transform:translateY(-6px);

}

.contact-info i{

margin-right:10px;

color:#38bdf8;

}

.footer-bottom{

margin-top:70px;

padding:25px 0;

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

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:20px;

}

.footer-bottom p{

margin:0;

color:#94a3b8;

}

.footer-bottom a{

color:#94a3b8;

text-decoration:none;

margin-left:25px;

}

.footer-bottom a:hover{

color:#fff;

}

@media(max-width:991px){

.footer-cta{

flex-direction:column;

align-items:flex-start;

}

.footer-grid{

grid-template-columns:1fr 1fr;

}

.footer-cta h2{

font-size:38px;

}

}

@media(max-width:600px){

.footer-grid{

grid-template-columns:1fr;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

.footer-cta h2{

font-size:30px;

}

} */

/*==============================
GOOGLE FONT
==============================*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');



/*==============================
FOOTER WRAPPER
==============================*/

.footer-wrapper{

    position:relative;

    background:#050816;

    overflow:hidden;

    padding-top:120px;

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

}



/*==============================
CURVE
==============================*/

.footer-divider{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    line-height:0;

}

.footer-divider svg{

    display:block;

    width:100%;

    height:170px;

}

.footer-divider path{

    fill:#050816;

}





/*==============================
BACKGROUND
==============================*/

.footer-bg{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.grid-overlay{

    position:absolute;

    inset:0;

    background-image:

    linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),

    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);

    background-size:70px 70px;

    opacity:.25;

}





/*==============================
BLOBS
==============================*/

.blob{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

}

.blob-1{

    width:500px;

    height:500px;

    background:#2563eb55;

    top:-120px;

    left:-120px;

}

.blob-2{

    width:450px;

    height:450px;

    background:#06b6d455;

    bottom:-150px;

    right:-80px;

}

.blob-3{

    width:320px;

    height:320px;

    background:#7c3aed55;

    top:40%;

    left:45%;

}





/*==============================
FLOATING ISLAND
==============================*/

.footer-island{

    position:relative;

    z-index:5;

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

    backdrop-filter:blur(30px);

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

    border-radius:40px;

    padding:70px;

    box-shadow:

    0 40px 120px rgba(0,0,0,.35),

    inset 0 1px 1px rgba(255,255,255,.08);

}





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

.footer-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:60px;

}

.footer-left{

    max-width:650px;

}

.mini-title{

    color:#38bdf8;

    letter-spacing:3px;

    font-size:13px;

    font-weight:700;

}

.footer-left h2{

    color:#fff;

    font-size:60px;

    line-height:1.05;

    font-weight:800;

    margin:20px 0;

}

.footer-left p{

    color:#94a3b8;

    font-size:18px;

    line-height:1.9;

}





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

.magnetic-btn{

    display:inline-flex;

    align-items:center;

    gap:14px;

    color:#fff;

    text-decoration:none;

    padding:18px 42px;

    border-radius:80px;

    background:linear-gradient(135deg,#2563eb,#06b6d4);

    font-weight:700;

    transition:.35s;

}

.magnetic-btn:hover{

    color:#fff;

    transform:translateY(-6px);

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

}





/*==============================
LINE
==============================*/

.footer-line{

    width:100%;

    height:1px;

    margin:60px 0;

    background:linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.15),

    transparent

    );

}





/*==============================
CONTENT
==============================*/

.footer-content{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1.2fr;

    gap:60px;

}

.footer-brand h1{

    color:#fff;

    font-size:60px;

    font-weight:800;

    letter-spacing:2px;

    margin-bottom:20px;

}

.footer-brand p{

    color:#94a3b8;

    max-width:350px;

    line-height:1.9;

}





/*==============================
SOCIAL
==============================*/

.footer-social{

    display:flex;

    gap:18px;

    margin-top:35px;

}

.footer-social a{

    width:54px;

    height:54px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    color:#fff;

    text-decoration:none;

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

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

    transition:.35s;

}

.footer-social a:hover{

    background:#2563eb;

    transform:translateY(-8px);

}





/*==============================
COLUMN
==============================*/

.footer-column span{

    color:#fff;

    font-size:18px;

    font-weight:700;

}

.footer-column ul{

    list-style:none;

    padding:0;

    margin-top:28px;

}

.footer-column li{

    margin-bottom:16px;

    color:#94a3b8;

}

.footer-column a{

    color:#94a3b8;

    text-decoration:none;

    transition:.35s;

}

.footer-column a:hover{

    color:#fff;

    padding-left:8px;

}





/*==============================
CONTACT
==============================*/

.contact-list i{

    color:#38bdf8;

    margin-right:12px;


}





/*==============================
BOTTOM
==============================*/

.footer-bottom{

    margin-top:70px;

    padding-top:30px;

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

    display:flex;

    justify-content:space-between;

    flex-wrap:wrap;

    gap:20px;

    color:#94a3b8;

}

.bottom-links{

    display:flex;

    gap:30px;

}

.bottom-links a{

    color:#94a3b8;

    text-decoration:none;

}

.bottom-links a:hover{

    color:#fff;

}





/*==============================
BACK TO TOP
==============================*/

/* #backTop{

    position:fixed;

    right:35px;

    bottom:35px;

    width:58px;

    height:58px;

    border:none;

    border-radius:50%;

    background:linear-gradient(135deg,#2563eb,#06b6d4);

    color:#fff;

    cursor:pointer;

    opacity:0;

    visibility:hidden;

    transition:.35s;

    z-index:999;

}

#backTop.show{

    opacity:1;

    visibility:visible;

} */





/*==============================
HOVER GLOW
==============================*/

.footer-island::before{

    content:"";

    position:absolute;

    inset:-2px;

    border-radius:40px;

    background:linear-gradient(

    135deg,

    rgba(37,99,235,.5),

    transparent,

    rgba(6,182,212,.35)

    );

    opacity:0;

    transition:.4s;

    z-index:-1;

}

.footer-island:hover::before{

    opacity:1;

}





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

@media(max-width:991px){

.footer-top{

flex-direction:column;

align-items:flex-start;

}

.footer-content{

grid-template-columns:1fr 1fr;

}

.footer-left h2{

font-size:42px;

}

.footer-island{

padding:45px;

}

}



@media(max-width:600px){

.footer-content{

grid-template-columns:1fr;

}

.footer-left h2{

font-size:34px;

}

.footer-brand h1{

font-size:42px;

}

.footer-island{

padding:30px;

border-radius:25px;

}

.footer-bottom{

flex-direction:column;

text-align:center;

}

}
/*==============================
JS EFFECTS
==============================*/

.footer-island{

    opacity:0;

    transform:translateY(80px);

    transition:1s ease;

}

.footer-island.visible{

    opacity:1;

    transform:translateY(0);

}



.spotlight{

    position:absolute;

    width:auto;

    /* height:350px; */

    border-radius:50%;

    pointer-events:none;

    transform:translate(-50%,-50%);

    background:radial-gradient(circle,
    rgba(186, 47, 47, 0.886),
    transparent 70%);

    opacity:0;

    transition:opacity .3s;

    z-index:0;

}

.footer-island>*{

    position:relative;

    z-index:2;

}



.footer-social a{

    transition:.4s;

}

.magnetic-btn{

    transition:transform .25s ease;

}

/*==============================
LATEST WORK
===============================*/

.latest-work{

    padding:100px 0;

    background:#f8fafc;

}

.section-heading{

    max-width:750px;

    margin:auto;

    margin-bottom:80px;

}

.section-heading span{

    color:#0d6efd;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.section-heading h2{

    font-size:48px;

    font-weight:700;

    margin:20px 0;

    color:#0f172a;

}

.section-heading p{

    color:#64748b;

    line-height:1.8;

}





.work-box{

    background:#fff;

    border-radius:25px;

    overflow:hidden;

    margin-bottom:60px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    transition:.4s;

}

.work-box:hover{

    transform:translateY(-8px);

}

.work-image{

    overflow:hidden;

}

.work-image img{

    width:100%;

    display:block;

    transition:.5s;

}

.work-box:hover img{

    transform:scale(1.05);

}





.work-content{

    padding:50px;

}

.industry{

    color:#0d6efd;

    font-weight:700;

    text-transform:uppercase;

    font-size:14px;

}

.work-content h3{

    margin:20px 0;

    font-size:34px;

    font-weight:700;

}

.work-content p{

    color:#64748b;

    line-height:1.9;

    margin-bottom:30px;

}





.service-list{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

    margin-bottom:35px;

}

.service-list div{

    font-weight:500;

}

.service-list i{

    color:#0d6efd;

    margin-right:10px;

}





.work-btn{

    display:inline-block;

    padding:14px 34px;

    border-radius:50px;

    background:#0d6efd;

    color:#fff;

    text-decoration:none;

    transition:.3s;

}

.work-btn:hover{

    background:#0b5ed7;

    color:#fff;

}





@media(max-width:991px){

.work-content{

padding:35px;

}

.section-heading h2{

font-size:38px;

}

.service-list{

grid-template-columns:1fr;

}

}



@media(max-width:768px){

.latest-work{

padding:70px 0;

}

.section-heading h2{

font-size:30px;

}

.work-content h3{

font-size:26px;

}

}