:root{
    --primary:#0b2d5b;
    --primary-2:#145ea8;
    --accent:#05cffc;
    --accent-2:#22c55e;
    --ink:#102033;
    --muted:#64748b;
    --line:#dce7ef;
    --surface:#ffffff;
    --soft:#f5f9fc;
    --soft-blue:#e8f5fb;
    --shadow:0 18px 45px rgba(16,32,51,.10);
    --shadow-hover:0 26px 60px rgba(20,94,168,.18);
    --radius:8px;
    --section-space:clamp(72px,8vw,112px);
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    scroll-padding-top:110px;
}

@import url('https://googleapis.com');


body{
  font-family: 'Zen Old Mincho', serif;
    color:var(--ink);
    background:var(--surface);
    font-size:16px;
    line-height:1.7;
    padding-top:0;
    overflow-x:hidden;
}

img{
    max-width:100%;
}

a,
button{
    transition:all .25s ease;
}

p{
    color:var(--muted);
    margin-bottom:0;
}

.container{
    max-width:1180px;
}

.intro-subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#0b2d5b;
    font-size:13px;
    font-weight:600;
    letter-spacing:.08em;
    margin-bottom:14px;
    text-transform:uppercase;
}

.intro-subtitle::before{
    content:"";
    width:28px;
    height:2px;
    background:var(--accent);
}

.section-header{
    max-width:760px;
    margin:0 auto 48px;
}

.section-header h2,
.about-content h2,
.why-choose-us h2,
.inc-section-header h2{
    color:#1179bc;
    font-size:32px;
    font-weight:600;
    line-height:1;
    margin:0 0 18px;
    text-transform:capitalize;
}

.section-header p,
.inc-section-header p{
    /* max-width:531px; */
    margin:0 auto;
    line-height: 1.5;
    font-size:16px;
}

.btn,
.nav-consult-btn,
/* .service-card a */
.hero-btn{
    border-radius:999px;
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
    line-height:1;
}

.custom-navbar{
    top:0;
    padding:0;
}



.navbar-wrapper{
    max-width:1320px;
    width:100%;
    padding:12px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    border-radius:0 0 20px 20px;

    background:rgb(11 45 91);

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

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

    transition:all .4s ease;
}


.navbar-collapse{
    flex-grow:1;
}

.navbar-nav{
    margin:auto;
    align-items:center;
    gap:18px;
}

.custom-navbar.scrolled .navbar-wrapper{

    background:#0b2d5b;

    backdrop-filter:none;
    -webkit-backdrop-filter:none;

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

    box-shadow:
    0 10px 35px rgba(0,0,0,.15);
}


.custom-navbar{
    transition:.4s ease;
}

.navbar-wrapper{
    transition:background .4s ease,
    backdrop-filter .4s ease,
    box-shadow .4s ease;
}
.logo-img{
    width:auto;
    height:52px;
}

.navbar-nav{
    gap:6px;
}

.nav-link{
    position:relative;
    color:#fff !important;
    font-size:15px;
    font-weight:700;
    padding:10px 12px !important;
}

.nav-link::after{
    content:"";
    position:absolute;
    left:12px;
    right:12px;
    bottom:6px;
    height:2px;
    background:var(--accent);
    transform:scaleX(0);
    transform-origin:center;
    transition:transform .25s ease;
}

.nav-link:hover,
.nav-link.active{
    color:var(--accent) !important;
}

.nav-link:hover::after,
.nav-link.active::after{
    transform:scaleX(1);
}

.dropdown-toggle::after{
    display:none;
}

.dropdown-toggle-custom{
    display:flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
}

.dropdown-icon{
    font-size:12px;
}

.dropdown-toggle-custom:hover .dropdown-icon{
    transform:rotate(180deg);
}

.custom-dropdown{
    padding:8px;
    margin-top:12px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

.dropdown-item{
   padding:10px 12px;
    border-radius:6px;
    color:#5e6a78;
    font-weight:500;
}

.dropdown-item:hover{
    color:#fff;
    background:var(--primary-2);
}

.nav-consult-btn{
    min-width:max-content;
    color:#fff;
    text-decoration:none;
    padding:12px 22px;
    background:linear-gradient(
96deg, #49d6ffb8, #5aa0dc47);
    box-shadow:0 10px 24px rgba(5,207,252,.22);
}

.nav-consult-btn:hover,
/* .service-card a:hover */
.hero-btn:hover{
    color:#010101;
    transform:translateY(-2px);
    box-shadow:0 16px 35px rgba(20,94,168,.28);
    background:whitesmoke;
}

.navbar-toggler{
    width:44px;
    height:44px;
    border:0;
    color:#fff;
    font-size:22px;
}

.navbar-toggler:focus{
    box-shadow:none;
}

.hero-section{
    position:relative;
    display:flex;
    align-items:center;
    padding:clamp(92px,10vw,150px) 0;
    color:#fff;
    overflow:hidden;
margin-bottom:0;
    min-height:100vh;
    padding-top:120px;
    padding-bottom:100px;
}

.hero-image,
.hero-overlay{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin: auto;
}

.hero-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:1;
}


.hero-overlay{

    position:absolute;
    inset:0;

    z-index:2;

    background:
    linear-gradient(
        90deg,
        rgba(5,27,56,.90) 0%,
        rgba(5,27,56,.75) 45%,
        rgba(5,27,56,.55) 100%
    );

}

.hero-section .container{
    position:relative;
    z-index:3;
}

.hero-subtitle{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
    color:#a8edff;
    font-size:15px;
    font-weight:600;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.hero-subtitle::before{
    content:"";
    width:34px;
    height:2px;
    background:var(--accent);                                   
}

.hero-title{
    max-width:760px;
    margin-bottom:22px;
    font-size:clamp(40px,5vw,60px);
    font-weight:700;
    line-height:1.05;
}

.hero-title span{
    color:var(--accent) !important;
}

.hero-text{
    max-width:650px;
    color:#d8e9f7;
    font-size:clamp(16px,1.5vw,19px);
    margin-bottom:28px;
}

.hero-features{
    display:grid;
    gap:12px;
    list-style:none;
    padding:0;
    margin:0 0 34px;
}

.hero-features li{
    display:flex;
    align-items:center;
    gap:10px;
    color:#eef8ff;
    font-size:16px;
    font-weight:700;
}

.hero-features i{
    width:24px;
    height:24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#062643;
    background:var(--accent);
    font-size:12px;
}

.hero-btn{
    padding:15px 30px;
    color:#fbfdff;
    background:linear-gradient(96deg, #349eca, #49a7f6e0);
    text-decoration: none;
}

.services-section,
.why-choose-us,
.expertise-section,
.blog-section{
    padding:var(--section-space) 0;
}

.why-choose-us,
.expertise-section{
    background:#ffffff4d;
}


.service-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#1179bc,#29d2ff);

}








/* ==========================
   MODERN FEATURES
========================== */

/* .modern-features{

    position:relative;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:30px;

    margin-top:50px;
} */

/* .feature-line{

    position:absolute;

    top:40px;

    left:12%;

    right:12%;

    height:3px;

    background:linear-gradient(
        90deg,
        #05cffc,
        #1179bc
    );

    z-index:1;
} */

/* .modern-feature{

    position:relative;

    z-index:2;

    flex:1;

    text-align:center;
} */

.feature-circle{

    width:auto;

    height:auto;

    margin:0 auto 20px;

    border-radius:50%;

    background:none;

    border:none;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:none;
}

.feature-circle i{

    font-size:34px;

    color:#1179bc;

    transition:transform .3s ease;  
}

/* .modern-feature h5{

    color:#0b2d5b;

    font-size:15px;

    font-weight:600;

    margin:0;

    width:100%;
} */

/* .modern-feature:hover .feature-circle{

    transform:translateY(-8px) scale(1.1);

    transition:.3s;
} */

/* .modern-feature::after{

    content:"";

    width:40px;
    height:3px;

    background:linear-gradient(
        90deg,
        #05cffc,
        #1179bc
    );

    display:block;

    margin:12px auto 0;

    border-radius:10px;
} */


/*==================================================
  AI SERVICES SECTION
==================================================*/

.ai-services-section{
    position: relative;
    padding: 120px 0;
    overflow: hidden;
    background: linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
}

/*==============================
AI Globe Background
===============================*/

.bg-left-ai{
    position: absolute;
    top: 50%;
    left: -180px;
    transform: translateY(-50%);
    width: 600px;
    height: 600px;
    background: url("images/ai1.png") no-repeat center;
    background-size: contain;
    opacity: .18;
    pointer-events: none;
    z-index: 1;
}

/*==============================
Circuit Background
===============================*/

.bg-right-circuit{
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: url("images/ai2.png") no-repeat top right;
    background-size: cover;
    opacity: .15;
    pointer-events: none;
    z-index: 1;
}

/*==============================
Decorative Dots
===============================*/

.bg-dots{
    position: absolute;
    width: 170px;
    height: 170px;
    background-image: radial-gradient(#0d6efd 1.8px, transparent 1.8px);
    background-size: 18px 18px;
    opacity: .08;
}

.dots-left{
    bottom: 60px;
    left: 40px;
}

.dots-right{
    top: 60px;
    right: 60px;
}

/*==============================
Container
===============================*/

.ai-services-section .container{
    position: relative;
    z-index: 5;
}

/*==============================
Section Header
===============================*/

.section-title{
    max-width: 850px;
    margin: auto;
}

.service-tag{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #0d6efd;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.service-tag span{
    width: 45px;
    height: 2px;
    background: #0d6efd;
}

.section-title h2{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
    color: #1179bc;
    margin-bottom: 25px;
}

/* .section-title h2 span{
    background: linear-gradient(90deg,#0d6efd,#24c4ff);
    -webkit-background-clip: text;
    color: transparent;
} */

.section-title p{
   font-size: 15px;
    /* line-height: 34px; */
    color: #5F6C7B;
    max-width: 760px;
    margin: auto;

}

/*==============================
Service Card
===============================*/

.service-box{
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 32px;
    background: rgba(255,255,255,.90);
    backdrop-filter: blur(12px);
    border-radius: 22px;
    border: 1px solid rgba(13,110,253,.08);
    overflow: hidden;
    transition: .4s;
    box-shadow: 0 15px 45px rgba(10,40,90,.06);
    min-height: 220px;
}

/* Top Accent */

.service-box::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg,#0d6efd,#24c4ff);
    transform: scaleX(0);
    transition: .45s;
    transform-origin: left;
}

/* Hover */

.service-box:hover{
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(13,110,253,.15);
}

.service-box:hover::before{
    transform: scaleX(1);
}



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

.service-icon{
    width: 78px;
    height: 78px;
    min-width: 78px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
   background:linear-gradient(135deg,#1d7cff,#26d0ff);
    box-shadow:0 15px 35px rgba(0,110,255,.25);
    color: #fff;
    font-size: 30px;
    
    transition: .35s;
}

.service-box:hover .service-icon{
    transform: rotate(-8deg) scale(1.08);
}


.service-content{
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.service-content h4{
    font-size: 30px;
    font-weight: 700;
    color: #0B2344;
    margin-bottom: 15px;
}

.service-content p{
    color: #667085;
    line-height: 30px;
    margin-bottom: 18px;
}

.service-content a{
    color: #0d6efd;
    font-weight: 700;
    text-decoration: none;
}

.service-content a i{
    margin-left: 8px;
    transition: .3s;
}

.service-content a:hover i{
    transform: translateX(6px);
}


.service-image{
    width: 130px;
    flex-shrink: 0;
    text-align: center;
}

.service-image img{
    width: 100%;
    opacity: .95;
    transition: .4s;
}

.service-box:hover .service-image img{
    transform: scale(1.08);
}

/*=========================================
SERVICE CARD HOVER ANIMATION
=========================================*/

.service-box::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(13,110,253,.05),
        transparent 45%
    );
    opacity:0;
    transition:.4s;
    pointer-events:none;
}

.service-box:hover::after{
    opacity:1;
}

/* Glow Border */

.service-box:hover{
    border-color:rgba(13,110,253,.20);
}

/* Floating Animation */

@keyframes floatCard{

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

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

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

}

.service-image img{

animation:floatCard 5s ease-in-out infinite;

}

/* Different delays */

.row .col-lg-6:nth-child(2) img{
animation-delay:.5s;
}

.row .col-lg-6:nth-child(3) img{
animation-delay:1s;
}

.row .col-lg-6:nth-child(4) img{
animation-delay:1.5s;
}

.row .col-lg-6:nth-child(5) img{
animation-delay:2s;
}

.row .col-lg-6:nth-child(6) img{
animation-delay:2.5s;
}


/*=========================================
View All Services Button
=========================================*/

.all-service-btn{

display:inline-flex;

align-items:center;

gap:14px;

padding:15px 30px;

border-radius:60px;

background:linear-gradient(135deg,#0d6efd,#24c4ff);

color:#fff;

font-size:15px;

font-weight:600;

text-decoration:none;

transition:.35s;

box-shadow:0 20px 45px rgba(13,110,253,.28);

}

.all-service-btn:hover{

color:#fff;

transform:translateY(-5px);

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

}

.all-service-btn i{

transition:.35s;

}

.all-service-btn:hover i:last-child{

transform:translateX(6px);

}


/*=========================================
Floating AI Elements
=========================================*/

.ai-services-section::before{

content:"";

position:absolute;

left:-150px;

top:120px;

width:320px;

height:320px;

border-radius:50%;

background:rgba(36,196,255,.10);

filter:blur(80px);

animation:glowMove 12s linear infinite;

}

.ai-services-section::after{

content:"";

position:absolute;

right:-150px;

bottom:100px;

width:280px;

height:280px;

border-radius:50%;

background:rgba(13,110,253,.08);

filter:blur(90px);

animation:glowMoveReverse 15s linear infinite;

}

@keyframes glowMove{

0%{

transform:translate(0,0);

}

50%{

transform:translate(35px,-30px);

}

100%{

transform:translate(0,0);

}

}

@keyframes glowMoveReverse{

0%{

transform:translate(0,0);

}

50%{

transform:translate(-30px,25px);

}

100%{

transform:translate(0,0);

}

}










/* ------------------------------------ */
.blog-section{
    background:#ffffff87;
}

/* .company-content{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-right:24px;
} */

.company-content p,
.why-choose-us p{
    max-width:620px;
    text-align: justify;
}

.features-row{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    margin-top:34px;
}

.feature-box,
/* .service-card, */
.stat-card,
.expertise-item,
.blog-card{
    border:1px solid rgba(220,231,239,.9);
    border-radius:12px;
    background: #1a406d;
    box-shadow:var(--shadow);
}

.feature-box{
    min-height:150px;
    padding:24px 18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:14px;
    text-align:center;
}

.feature-box i,
/* .service-card i, */
.expertise-item i{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--primary-2);
    background:#eaf6ff;
}

.feature-box i{
    width:54px;
    height:54px;
    border-radius:50%;
    font-size:24px;
}

.feature-box h5{
    margin:0;
    color:white;
    font-size:16px;
    font-weight:600;
    line-height:1.35;
}

.intro-image-wrapper{
    position:relative;
    min-height:520px;
}

.intro-image-wrapper img{
    position:absolute;
    object-fit:cover;
    box-shadow:var(--shadow);
}

.intro-img-one{
    left:4%;
    top:8%;
    width:44%;
    height:58%;
    border-radius:var(--radius);
}

.intro-img-two{
    right:4%;
    top:18%;
    width:48%;
    height:34%;
    border-radius:var(--radius);
}

.intro-img-three{
    right:21%;
    bottom:6%;
    width:42%;
    aspect-ratio:1;
    border:10px solid var(--soft-blue);
    border-radius:50%;
}

/* .service-card{
    height:100%;
    padding:32px 24px;
    text-align:center;
    overflow:hidden;
    transition:transform .25s ease,box-shadow .25s ease;
}

.service-card{
    background:#1f436f;
} */

/* .service-card:hover, */
.stat-card:hover,
.blog-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-hover);
}

/* .service-card i{
    width:72px;
    height:72px;
    margin-bottom:22px;
    border-radius:50%;
    font-size:30px;
} */

/* .service-card h4, */
.expertise-item h4,
.blog-content h4{
    color:white;
    font-size:clamp(19px,2vw,23px);
    font-weight:600;
    line-height:1.3;
    margin-bottom:12px;
}

.expertise-item p,
.blog-content p,
/* .service-card p, */
.why-choose-us p{
    color:#fdfdfd;
    font-size:15px;
    /* line-height:1.5; */
}

.para{
   
    color:#000000;
    
}

/* .service-card p{
    min-height:78px;
    margin-bottom:24px;
    font-size:15px;
} */

/* .service-card a{
    padding:13px 24px;
    color:#fff;
    text-decoration:none;
    background:linear-gradient(96deg, #0097c38c, #07c0f185);
} */

.why-list{
    display:grid;
    gap:14px;
    list-style:none;
    padding:0;
    margin:28px 0 0;
}

.why-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    color:#334155;
    font-size:16px;
    font-weight:700;
}

.why-list i{
    color:var(--accent-2);
    margin-top:5px;
}





/* ==========================
   MODERN STATS
========================== */

.modern-stats{

    display:grid;

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

    gap:40px 30px;
}

.modern-stat{

    display:flex;

    align-items:center;

    gap:20px;
}

.modern-icon{

    width:95px;
    height:95px;

    flex-shrink:0;

    border-radius:50%;

    /* background:#fff; */

    /* border:5px solid #1179bc; */

    display:flex;

    align-items:center;

    justify-content:center;

    /* box-shadow:0 15px 30px rgb(94 207 245 / 14%); */

    position:relative;
}

.modern-icon::before{

    content:"";

    position:absolute;

    /* inset:-10px; */

    border-radius:50%;

    border:2px solid rgba(17,121,188,.15);
}

.modern-icon i{

    font-size:34px;

    color:#1179bc;
}

.modern-divider{

    width:2px;

    height:120px;

    background:linear-gradient(
        to bottom,
        #05cffc,
        #1179bc
    );
}

.modern-content h3{

    font-size:58px;

    font-weight:600;

    color:#0b2d5b;

    margin-bottom:5px;
}

.modern-content p{

    color:#334155;

    font-size:18px;

    font-weight:700;

    margin:0;
}

.modern-stat:hover .modern-icon{

    transform:scale(1.08);

    transition:.3s;
}





.stats-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}

.stat-card{
    min-height:178px;
    padding:34px 22px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    transition:transform .25s ease,box-shadow .25s ease;
}

.stat-card h3{
    margin:0 0 8px;
    color:white;
    font-size:clamp(34px,4vw,46px);
    font-weight:600;
}

.stat-card p{
    font-size:15px;
    font-weight:700;
}








.expertise-image img{
    width:100%;
    min-height:520px;
    object-fit:cover;
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}

.expertise-content{
    display:grid;
    gap:18px;
    padding-left:28px;
}

.expertise-item{
    display:flex;
    gap:18px;
    padding:22px;
    transition:transform .25s ease,box-shadow .25s ease;
}

.expertise-item:hover{
    transform:translateX(6px);
    box-shadow:var(--shadow-hover);
}

.expertise-item i{
    flex:0 0 62px;
    width:62px;
    height:62px;
    border-radius:50%;
    font-size:24px;
}

.expertise-item h4{
    margin-bottom:8px;
}

.blogSwiper{
    padding:4px 2px 58px;
}

.blog-card{

    height:100%;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    transition:transform .25s ease,box-shadow .25s ease;
}

.blog-image{

    flex-shrink:0;
}

.blog-image img{

    width:100%;

    height:260px;

    object-fit:cover;
}

.blog-content{

    padding:26px;

    display:flex;

    flex-direction:column;

    flex-grow:1;
}

.blog-content h4{

    min-height:95px;

    display:flex;

    align-items:flex-start;
}

.blog-content p{

    min-height:75px;

    margin-bottom:20px;
}

.blog-content a{

    margin-top:auto;
    color:white;
    text-decoration: none;
}

.blog-content a:hover{
    color:
    rgb(66, 133, 197);
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    opacity:.25;
    background:white;
}

.swiper-pagination-bullet-active{
    opacity:1;
    background:white;
}

.swiper-slide{
    height:auto;
}

.footer-section{
    padding:72px 0 22px;
    color:#fff;
    background:#061d3b;
}

.footer-logo{
    margin-bottom:18px;
    font-size:30px;
    font-weight:600;
}

.footer-widget h4{
    margin-bottom:20px;
    font-size:18px;
    font-weight:600;
}

.footer-widget p,
.footer-widget ul li a,
.footer-contact li,
.footer-bottom p{
    color:#bfd0df;
}

.footer-widget ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-widget ul li{
    margin-bottom:11px;
}

.footer-widget ul li a{
    text-decoration:none;
}

.footer-widget ul li a:hover{
    color:var(--accent);
}

.footer-contact li{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding: 0 0 14px;
}

.footer-contact i{
    width:18px;
    color:var(--accent);
    margin-top:5px;
    margin-right: 4px;
}



.social-icons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.social-icons a{
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
    border-radius:50%;
    color:#fff;
    text-decoration:none;
    background:rgba(255,255,255,.07);
}

.social-icons a:hover{
    color:#061d3b;
    background:var(--accent);
}

.footer-section hr{
    margin:46px 0 22px;
    border-color:rgba(255,255,255,.16);
}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    width:100%;
}





.powered-by{

    display:flex;

    align-items:center;

    gap:8px;

    flex-shrink:0;
}

.powered-by span{

    color:#fbf9f9;

    font-size:15px;

    font-weight:400;
}

.powered-logo{

    width:88px;

    height:auto;

    display:block;
}

/* OPTIONAL HOVER */

.powered-by a img{

    transition:0.2s;
}








/* ==========================
   ROADMAP PROCESS
========================== */

/* .process-section{

    background:#ffffff;

    padding:var(--section-space) 0;
} */




.roadmap-wrapper-cfo{

      position: relative;
    display: flex;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px;
    margin-top: 80px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin: auto;
}




.road-step-cfo:not(:last-child)::after{
    content:"➜";

    position:absolute;

    top:50%;

    right:-34px;

    transform:translateY(-50%);

    font-size:28px;

    color:#05cffc;

    font-weight:700;
}


.road-step-cfo {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0px 15px 30px 15px;
    background: rgb(255 255 255);
    border: 1px solid rgba(17, 121, 188, .08);
    border-radius: 24px;
    backdrop-filter: blur(10px);
    /* /* transition: .4s ease; */
    box-shadow: 0px 0px 9px 3px rgb(0 0 0 / 3%);
    width: 100%;
}
.road-step-cfo:hover{
    transform:translateY(-12px);

    box-shadow:
        0 20px 50px rgba(17,121,188,.15);
}




.feature-icon{
    width:75px;
    height:75px;

    margin:25px auto;

    border-radius:24px;

    display:flex;
    align-items:center;
    justify-content:center; 
    background:
    linear-gradient(
        135deg,
        #ffffff,
        #f4f9ff
    );

    box-shadow:
        0 15px 35px rgba(17,121,188,.12);
}

.feature-icon i{
    font-size:36px;
    color:#1179bc;
}

.feature-icon i:hover{

    color:#05cffc;

    transform:translateY(-6px) scale(1.08);
}


/* .modern-feature::after{

    content:"";

    display:block;

    width:45px;
    height:3px;

    margin:15px auto 0;

    background:linear-gradient(
        90deg,
        #05cffc,
        #1179bc
    );

    border-radius:10px;
} */

.road-step-cfo h4{

    color:#0b2d5b;

    font-size:20px;

    font-weight:600;

    margin-bottom:15px;
}

.road-step-cfo p{

    max-width:192px;

    margin:auto;

    font-size:14px;

    line-height:1.8;
 }


/* ======================================
   MODERN PROCESS SECTION
====================================== */

.process-section{
    padding:100px 0;
    background:#f8fbff;
    position:relative;
}

.process-flow{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:20px;
    margin-top:123px;
}

.process-card{
   flex: 1;
    max-width: 280px;
    min-height: 495px;
    background: #369fcb14;
    border-radius: 28px;
    padding: 65px 25px 34px;
    text-align: center;
    position: relative;
    box-shadow: -8px 17px 40px rgb(0 0 0 / 28%);
    transition: .4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.process-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 50px rgba(17,121,188,.15);
}

.process-icon{
    width:100px;
    height:100px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    top:-52px;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0px 1px 30px rgb(0 0 0 / 32%);
}

.process-icon i{
    font-size:41px;
    color:#1179bc;
}

.process-number{
    font-size:20px;
    font-weight:600;
    color:#1179bc;
    margin-bottom:10px;
}

.process-card h4{
    font-size:25px;
    font-weight:700;
    color:#0b2d5b;
    margin-bottom:20px;
    min-height: 80px;
    display: flex;
    align-items: center;
}

.process-card p{
    color:#64748b;
    line-height:1.8;
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin: 0;
    font-size: 15px;
}

.process-arrow{
    width:60px;
    height:60px;
    border-radius:50%;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:0;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    align-self: center;
}

.process-arrow i{
    color:#1179bc;
    font-size:22px;
}

/* Different Colors */

.process-card:nth-child(1) .process-number{
    color:#05cffc;
}

.process-card:nth-child(3) .process-number{
    color:#2d7fff;
}

.process-card:nth-child(5) .process-number{
    color:#7c5cff;
}

.process-card:nth-child(7) .process-number{
    color:#32c85c;
}

/* Bottom Section */

.process-bottom{
    margin-top:80px;
    background:#1179bc;
    border-radius:80px;
    padding:25px 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.process-bottom-icon{
    width:80px;
    height:80px;
    background:#f0f9ff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.process-bottom-icon i{
    font-size:35px;
    color:#1179bc;
}

.process-bottom-content{
    flex:1;
}

.process-bottom-content h4{
    font-size:28px;
    margin-bottom:10px;
    color:white;
}

.process-bottom-content h4 span{
    color:#1179bc;
}

.process-bottom-content p{
    margin:0;
    color:white;
}








/* ==========================
   MODERN EXPERTISE LIST
========================== */

.expertise-list{

    position:relative;

    display:flex;

    flex-direction:column;

    gap:35px;

    padding-left:50px;
}

.expertise-line{

    position:absolute;

    left:28px;

    top:15px;

    bottom:1px;

    width:3px;

    background:linear-gradient(
        to bottom,
        #05cffc,
        #145ea8
    );
}

.expertise-row{

    position:relative;

    display:flex;

    align-items:flex-start;

    gap:20px;
}

.expertise-icon{

    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #ffffff;
    /* border: 3px solid #1179bc; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* box-shadow: 0 10px 25px rgba(17, 121, 188, .15); */
    background-color: #e0edf3;
}

.expertise-icon i{

    color:#1179bc;

    font-size:31px;
}

.expertise-text h4{

    color:#0b2d5b;

    font-size:26px;

    font-weight:600;

    margin-bottom:8px;
}

.expertise-text p{

    color:#4b5563;

    font-size:15px;

    line-height:1.8;

    margin:0;

    text-align: justify;
}

.expertise-text span{
        font-size: 17px;
    font-weight: 600;
}

.expertise-row:hover .expertise-icon{

    transform:scale(1.08);

    transition:.3s;
}

.expertise-read-more{
    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:7px 17px;

    border-radius:50px;

    background:linear-gradient(
        135deg,
        #1179bc,
        #05cffc
    );

    color:#fff;
    text-decoration:none;
    font-weight:600;

    transition:.4s;
}

.expertise-read-more:hover{
    transform: translate(-3px);
    color: #000000;
    background-color: white;
}

.expertise-read-more i{
    transition: .4s;
}
.expertise-read-more:hover i{
    transform: translateX(5px);
}


/* =================================
   CIRCULAR SERVICES SECTION
================================= */

.circle-services{

    position:relative;

    width:700px;
    height:700px;

    margin:80px auto 0;
}


.circle-services::before{
    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:520px;
    height:520px;

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

    border:0px dashed
        rgba(17,121,188,.25);

    border-radius:50%;
}




.service-center{

    position:absolute;

    top:50%;
    left:50%;

    width:300px;
    height:300px;

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

    /* background:#1f436f; */

    border-radius:50%;

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

    text-align:center;

    padding:30px;

    color:#fff;

    /* box-shadow:0 20px 40px rgba(0,0,0,.15); */

     background:
    linear-gradient(
        135deg,
        #0b2d5b,
        #145ea8
    );

    box-shadow:
        0 25px 60px
        rgba(11,45,91,.25);
}

.service-center i{

    font-size:50px;

    color:#05cffc;

    margin-bottom:20px;
}

.service-center h3{

    font-size:26px;

    font-weight:600;

    margin-bottom:15px;
}

.service-center p{

    color:#dbeafe;
    font-size:14px;
}

.service-node{

    position:absolute;

    width:230px;

    text-align:center;
}

.service-node i{
    width:80px;
    height:80px;

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

    margin:0 auto 20px;

    font-size:32px;

    color:#1179bc;

    background:
    linear-gradient(
        135deg,
        #ffffff,
        #f4f9ff
    );

    border:none;

    border-radius:24px;

    box-shadow:
        0 15px 35px rgba(17,121,188,.12);

    transition:.4s ease;
}

.service-node:hover i{
    transform:
        translateY(-8px)
        rotate(4deg);

    color:#05cffc;

    box-shadow:
        0 20px 45px rgba(5,207,252,.25);
}
.service-center i{
    font-size:55px;
    color:#05cffc;
    margin-bottom:20px;
}

.service-node h4{

    color:#0b2d5b;

    font-weight:600;

    margin-bottom:10px;

    font-size:20px;
}

.service-node p{

    font-size:14px;

    color:#64748b;

    margin:11px;
}

/* Positions */

.top{
    bottom: 543px;
    left:50%;
    transform:translateX(-50%);
}

.right{
    top:50%;
    left:521px;
    transform:translateY(-50%);
}

.bottom{
    top:543px;
    left:50%;
    transform:translateX(-50%);
}

.left{
    top:50%;
    transform:translateY(-50%);
    right:526px;
}










/* ABOUT PAGE */

/* .about-banner{
    position:relative;
    padding:180px 0 120px;
    background:url("images/about-banner.webp") center/cover;
    overflow:hidden;
} */

.about-banner{
    position:relative;
    display:flex;
    align-items:center;
    min-height:110px;
        padding:28px 0 100px;

    /* padding-top:120px; */
    padding-bottom:100px;

    background:
        linear-gradient(
90deg,
rgba(5,27,56,.82),
rgba(5,27,56,.65)
);

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    overflow:hidden;
    /* margin-bottom: 80px; */
}

.about-overlay{
    display:none;
}

.about-banner .container{
    position:relative;
    z-index:2;
}

.about-banner-content{
    max-width:760px;
    text-align:left;
    color:#fff;
}

.about-banner-content .breadcrumb{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:18px;

    color:#a8edff;

    font-size:15px;
    font-weight:600;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.about-banner-content .breadcrumb::before{
    content:"";
    width:34px;
    height:2px;
    background:#05cffc;
}

.about-banner-content h1{
    font-size:clamp(42px,5vw,60px);
    font-weight:600;
    line-height:1.05;
    margin-bottom:20px;
    color:#fff;
}

.about-banner-content p{
    max-width:650px;
    color:#d8e9f7;
    font-size: 15px;
    line-height:1.8;
    opacity: .95;
}


.about-company{
    padding:132px 0;
}

.about-image{
    position:relative;
}

.about-image::after{
    content:"";

    position:absolute;

    top:0;
    right:-100px;

    width:200px;
    height:100%;

    background:white;

    transform:skewX(-15deg);
}

.about-content{
    position:relative;
    z-index:2;
    padding-left:40px;
}

.circle-about{
    position:relative;

    max-width:1000px;

    height:650px;

    margin:auto;
}

/* Large Image Circle */

.circle-image{
   position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);

    width:650px;
    height:650px;

    border-radius:50%;
    overflow:hidden;

    transition:.6s ease;

    animation:floatCircle 6s ease-in-out infinite;
}

.circle-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition: 1s ease;
}

.circle-about:hover .circle-image img{
    transform:scale(1.08);
}

/* White Content Circle */

.circle-content{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 548px;
    height: 880px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 48px;
    z-index: 2;
    /* box-shadow: 0 20px 50px rgba(11, 45, 91, .08); */
}

.circle-content h2{
    font-size: 32px;
    color: #1179bc;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 1.15;
}

.circle-content h2 span{
    color:#1179bc;
}

.circle-content p{
    font-size:15px;
    line-height:1.9;
}

.about-btn{
    margin-top:25px;

    width:max-content;

    padding:12px 25px;

    background:#0b2d5b;

    color:#fff;

    text-decoration:none;

    border-radius:30px;
}

.about-content{
    padding-left:30px;
}

.about-content p{
    margin-bottom:18px;
    font-size:15px;
    text-align: justify;
}

.about-content h1 span{
    color: #05cffc;
}

.about-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:25px;
}

.about-points div{
    font-weight:600;
    color:#0b2d5b;
    font-size:15px;
}

.about-points i{
    color:#1179bc;
    margin-right:8px;
}


/* ===========================
   MODERN MISSION & VISION
=========================== */

/* ===========================
   MISSION VISION SECTION
=========================== */

.mv-section{
    padding:120px 0;
    background:#f8fbff;
}

.mv-grid{
    display:grid;
    grid-template-columns:1fr 80px 1fr;
    align-items:center;
    gap:40px;
    margin-top:70px;
}

.mv-divider{
    position:relative;
    height:100%;
    min-height:500px;
    display:flex;
    justify-content:center;
}

.mv-divider::before{
    content:'';
    width:2px;
    height:100%;
    background:linear-gradient(
        to bottom,
        transparent,
        #05cffc,
        #1179bc,
        transparent
    );
}

.mv-divider span{
    position:absolute;
    top:50%;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#05cffc;
    transform:translateY(-50%);
    box-shadow:0 0 30px rgba(5,207,252,.4);
}

.mv-box{
    position:relative;
    overflow:hidden;

    min-height:513px;

    padding:50px 37px;

    background:#fff;

    border-radius:30px;

    box-shadow:
        0 20px 50px rgba(0,0,0,.08),
        0 0 50px rgba(17,121,188,.08);

    transition:.4s ease;
}

.mv-box:hover{
    transform:translateY(-10px);
}

.mv-top{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:30px;
    position:relative;
    z-index:2;
}

.mv-top i{
    width:70px;
    height:70px;

    border-radius:50%;

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

    background:#edf8ff;

    color:#1179bc;

    font-size:28px;
}

.mv-top span{
    color:#1179bc;
    letter-spacing:4px;
    font-weight:700;
}

.mv-box h3{
    color:#0b2d5b;
    font-size:32px;
    margin-bottom:25px;
    position:relative;
    z-index:2;
    text-align: center;
}

.mv-box p{
    position:relative;
    z-index:2;

    font-size:15px;
    line-height:2;
    color:#64748b;
    text-align: left;
}

/* Watermark */

.mv-box::before{
    position:absolute;
    right:20px;
    top:20px;

    font-family:"Font Awesome 6 Free";
    font-weight:900;

    font-size:220px;

    opacity:.04;

    color:#1179bc;
}

.mission-box::before{
    content:"\f140"; /* bullseye */
}

.vision-box::before{
    content:"\f06e"; /* eye */
}

/* Glow */

.mv-box::after{
    content:'';

    position:absolute;

    left:-120px;
    bottom:-120px;

    width:300px;
    height:300px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(5,207,252,.20),
        transparent 70%
    );
}

/* Dots */

.mv-box .dot-pattern{
    position:absolute;
    right:40px;
    bottom:90px;

    width:90px;
    height:90px;

    background-image:
    radial-gradient(
        circle,
        rgba(17,121,188,.25) 2px,
        transparent 2px
    );

    background-size:18px 18px;
}

/* Corner Accent */

.mv-box .corner-accent{
    position:absolute;
    right:25px;
    bottom:25px;

    width:90px;
    height:90px;

    border-right:4px solid #05cffc;
    border-bottom:4px solid #05cffc;

    border-radius:0 0 20px 0;
}



:root{
    --grad-primary: linear-gradient(135deg,#0b2d5b 0%,#145ea8 55%,#05cffc 100%);
    --grad-accent:  linear-gradient(135deg,#05cffc 0%,#22c55e 100%);
    --grad-card:    linear-gradient(160deg,#ffffff 0%,#f5f9fc 100%);
    --glow-accent:  0 0 40px rgba(5,207,252,.35);
    --ring:         0 0 0 1px rgba(5,207,252,.25);
    --ease-out:     cubic-bezier(.22,.61,.36,1);
}

/* ---------- HERO BANNER ---------- */
.services-banner{
    position:relative;
    display:flex;
    align-items:center;
    min-height:110px;
        padding:28px 0 100px;

    /* padding-top:120px; */
    padding-bottom:100px;

    background:
        linear-gradient(
90deg,
rgba(5,27,56,.82),
rgba(5,27,56,.65)
);

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    overflow:hidden;
    /* margin-bottom: 80px; */
}


.services-banner::after{
    content:"";

    position:absolute;

    width:450px;
    height:450px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(5,207,252,.15),
        transparent 70%
    );

    top:50%;
    right:8%;

    transform:translateY(-50%);
}


.banner-content .breadcrumb{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:18px;

    color:#a8edff;

    font-size:15px;
    font-weight:600;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.banner-content .breadcrumb::before{
    content:"";

    width:34px;
    height:2px;

    background:#05cffc;
}

.banner-content{
    max-width:760px;
    text-align:left;
    color:#fff;
}

.banner-content h1{
    font-size: clamp(42px, 5vw, 60px);
    font-weight: 800;
    line-height: 1.05;
    margin-bottom: 20px;
    color: #fff;
}

.banner-content p{
        max-width: 650px;
    color: #d8e9f7;
    font-size: 15px;
    line-height: 1.8;
}

/* Decorative grid overlay */
.services-banner .grid-overlay{
    position:absolute;inset:0;z-index:-1;opacity:.18;
    background-image:
        linear-gradient(rgba(5,207,252,.15) 1px,transparent 1px),
        linear-gradient(90deg,rgba(5,207,252,.15) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(circle at 50% 40%,#000 0%,transparent 70%);
}

/* ---------- CORE SERVICES SECTION ---------- */
.core-services{
    padding:24px 29px;
    background:linear-gradient(180deg,#fff 0%,#f5f9fc 100%);
    position:relative;
}
.core-services::before{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:radial-gradient(800px 400px at 50% 0%,rgba(5,207,252,.06),transparent 70%);
}

.services-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);
    gap:60px;
    align-items:start;
}

.services-left{position:sticky;top:120px;}
.services-left .section-tag{color:#05cffc;}
/* .services-left h2{
    font-size:clamp(30px,3.4vw,46px);
    line-height:1.1;letter-spacing:-.02em;margin-bottom:20px;
} */
.services-left p{font-size:15px;line-height:1.75;margin-bottom:16px;color:#5a6b80;}

/* Service grid — bento layout */
.services-scroll{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px;
    height:85vh;
    overflow-y:auto;
}

.service-scroll-item{
    position:relative;
    background:var(--grad-card);
    border:1px solid var(--line);
    border-radius:20px;
    padding:28px 26px;
    overflow:hidden;
    transition:transform .5s var(--ease-out),
               box-shadow .5s var(--ease-out),
               border-color .3s ease;
    opacity:0;transform:translateY(40px);
    isolation:isolate;
    display:flex;
    height:auto;
    max-height:100%;
}
.service-scroll-item.show{opacity:1;transform:translateY(0);}

.service-scroll-item::before{
    content:"";position:absolute;inset:0;z-index:-1;
    background:#1f436f;
    opacity:0;transition:opacity .45s ease;
}
.service-scroll-item::after{
    content:"";position:absolute;
    top:-2px;left:-2px;right:-2px;bottom:-2px;
    background:conic-gradient(from var(--angle,0deg),
        transparent 0deg,#05cffc 90deg,transparent 180deg);
    border-radius:22px;z-index:-2;opacity:0;
    transition:opacity .4s ease;
    animation:spin 4s linear infinite;
}
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false;}

.service-scroll-item:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px -20px rgba(5,207,252,.45);
    border-color:transparent;
}
.service-scroll-item:hover::before{opacity:1;}
.service-scroll-item:hover::after{opacity:.7;}
.service-scroll-item:hover .service-icon{
    background:rgba(255,255,255,.15);color:#fff;
    transform:rotate(-8deg) scale(1.08);
}
.service-scroll-item:hover .service-category,
.service-scroll-item:hover .serice-category{color:rgba(0, 0, 0, 0.7); }
.service-scroll-item:hover h4{color:#fff;}
.service-scroll-item:hover .service-points li{color:rgba(255,255,255,.85);}
.service-scroll-item:hover .service-points li::before{
    background:#05cffc;box-shadow:0 0 12px #05cffc;
}
.service-scroll-item:hover .read-more{color:#05cffc;}
.service-scroll-item:hover .read-more i{transform:translateX(6px);}

.service-icon{
    width:58px;height:58px;border-radius:16px;
    display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg,rgba(5,207,252,.12),rgba(20,94,168,.08));
    color:#145ea8;font-size:24px;margin-bottom:20px;
    transition:all .45s var(--ease-out);
}

.service-category,
.serice-category{
    display:inline-block;
    font-size:11px;font-weight:700;letter-spacing:.12em;
    text-transform:uppercase;color:#05cffc;margin-bottom:10px;
    transition:color .3s ease;
}

.service-scroll-item h4{
    font-size:20px;font-weight:800;color:#0b2d5b;
    line-height:1.3;margin-bottom:16px;letter-spacing:-.01em;
    transition:color .3s ease;
}

.service-points{
    list-style:none;
    padding:0;
    margin:0 0 22px;
    flex: 1;
    margin-bottom: 18px;
}
.service-points li{
    position:relative;
    padding-left:22px;
    color:#5a6b80;
    font-size:14px;
    line-height:1.45;
    margin-bottom:6px;
    transition:color .3s ease;
}
.service-points li::before{
    content:"";position:absolute;left:0;top:9px;
    width:8px;height:8px;border-radius:50%;
    background:#145ea8;transition:all .3s ease;
}

.read-more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    font-size:14px;
    color:#145ea8;
    text-decoration:none;
    transition:color .3s ease;
    margin-top:auto;

}
.read-more i{transition:transform .3s ease;}

/* ---------- STATS SECTION ---------- */
.service-stats{
    padding:80px 0;
    background:var(--grad-primary);
    position:relative;overflow:hidden;
}
.service-stats::before{
    content:"";position:absolute;inset:0;
    background:
        radial-gradient(600px 300px at 20% 30%, rgba(5, 207, 252, .25), #3b78cd38 60%), radial-gradient(600px 300px at 80% 70%, rgb(0 0 0 / 17%), #00000080 60%);
}
.stats-timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:32px;
}
.stat-item{
    text-align:center;color:#fff;
    padding:32px 20px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    backdrop-filter:blur(12px);
    transition:transform .4s var(--ease-out), background .4s ease;
}
.stat-item:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.12);
}
.stat-item i{
    font-size:32px;color:#05cffc;margin-bottom:14px;
    display:inline-block;
    animation:pulseGlow 2.4s ease-in-out infinite;
}
.stat-item h3{
    font-size:48px;font-weight:800;
    background:var(--grad-accent);
    -webkit-background-clip:text;background-clip:text;
    margin:0 0 6px;letter-spacing:-.02em;
}
.stat-item p{
    color:rgba(255,255,255,.75);font-size:14px;
    letter-spacing:.05em;text-transform:uppercase;font-weight:600;
}

/* ---------- CTA SECTION ---------- */
.services-cta{padding:100px 0;background:#f5f9fc;}
.cta-box{
        position: relative;
    background: linear-gradient(135deg, var(--inc-primary) 0%, #1e3a5f 50%, var(--inc-primary-2) 100%);
    border-radius: var(--inc-radius-xl);
    padding: clamp(40px, 6vw, 80px) clamp(30px, 5vw, 70px);
    text-align: center;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(10, 22, 40, .3);
}
.cta-box::before{
    content:"";position:absolute;inset:-2px;z-index:-1;
    background:linear-gradient(45deg, #3395c1, #0b2d5b);
    animation:spin 6s linear infinite;
    filter:blur(20px);opacity:.6;
}
.cta-box::after{
    content:"";position:absolute;inset:0;z-index:-1;
    background:var(--grad-primary);border-radius:28px;
}
.cta-box h2{
    color:#fff;font-size:clamp(26px,3vw,40px);
    font-weight:800;margin:0 0 10px;letter-spacing:-.01em;
}
.cta-box p{color:rgba(255,255,255,.8);font-size:16px;max-width:480px;}
.cta-box .hero-btn{
    background:#fff;color:#0b2d5b;padding:0 36px;min-height:56px;
    font-size:15px;border-radius:999px;text-decoration:none;
    box-shadow:0 14px 30px rgba(0,0,0,.2);
    transition:transform .3s ease, box-shadow .3s ease;
}
.cta-box .hero-btn:hover{
    transform:translateY(-3px) scale(1.04);
    box-shadow:0 20px 40px rgba(5,207,252,.5);
    color:#05cffc;
}

.core-services h2{
        margin-top: 6px;
    font-size: 32px;
    line-height: 1.15;
    font-weight: 600;
    color: #1179bc;
    margin-bottom: 36px;
}


.footer-transition{

    position:relative;

    height:180px;

    overflow:hidden;

    background:#fff;
}

.footer-transition svg{

    position:absolute;

    bottom:0;

    width:100%;

    height:180px;

    fill:#081c3a;
}

.transition-glow{

    position:absolute;

    width:450px;

    height:450px;

    background:radial-gradient(circle,
    rgba(39,170,225,.25),
    transparent 70%);

    left:50%;

    top:-200px;

    transform:translateX(-50%);
}

/* ---------- ANIMATIONS ---------- */
@keyframes fadeUp{
    from{opacity:0;transform:translateY(30px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes float{
    0%,100%{transform:translate(0,0) scale(1);}
    50%{transform:translate(30px,-30px) scale(1.08);}
}
@keyframes spin{
    to{--angle:360deg;transform:rotate(360deg);}
}
@keyframes pulseGlow{
    0%,100%{text-shadow:0 0 0 rgba(5,207,252,0);}
    50%{text-shadow:0 0 24px rgba(5,207,252,.8);}
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:991px){
    .services-banner{padding:140px 0 80px;min-height:auto;}
    .services-layout{grid-template-columns:1fr;gap:40px;}
    .services-left{position:static;text-align:center;}
    .services-left .intro-subtitle{justify-content:center;}
    .stats-timeline{grid-template-columns:repeat(2,1fr);gap:18px;}
    .stat-item h3{font-size:38px;}
    .cta-box{padding:40px 28px;text-align:center;justify-content:center;}
    .cta-box p{margin-left:auto;margin-right:auto;}
}
@media(max-width:600px){
    .services-scroll{grid-template-columns:1fr;}
    .services-banner h1{font-size:38px;}
    .stats-timeline{grid-template-columns:1fr 1fr;}
    .cta-box{padding:36px 22px;border-radius:22px;}
}

/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
    *,*::before,*::after{animation:none!important;transition:none!important;}
    .service-scroll-item{opacity:1;transform:none;}
}



/* ========================================================= */







.audit-banner{
    position:relative;
    display:flex;
    align-items:center;
    min-height:110px;
        padding:28px 0 100px;

    /* padding-top:120px; */
    padding-bottom:100px;

    background:
        linear-gradient(
            90deg,
            rgba(5,27,56,.92),
            rgba(5,27,56,.72) 55%,
            rgba(5,27,56,.56)
        );

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    overflow:hidden;
}

.audit-overlay{
    display:none;
}

.audit-banner .container{
    position:relative;
    z-index:2;
}

.audit-banner-content{
    max-width:760px;
    text-align:left;
    color:#fff;
    
}

.audit-banner-content .breadcrumb{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:18px;

    color:#a8edff;

    font-size:15px;
    font-weight:600;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.audit-banner-content .breadcrumb::before{
    content:"";
    width:34px;
    height:2px;
    background:#05cffc;
}

.audit-banner-content h1{
    font-size:clamp(42px,5vw,60px);
    font-weight:600;
    line-height:1.05;
    margin-bottom:20px;
    color:#fff;
}

.audit-banner-content p{
    max-width:650px;
    color:#d8e9f7;
    font: size 15px;;
    line-height:1.8;
}





.audit-overview{
    padding:100px 0;
}

.audit-image img{
    width:563px;
    height: 483px;
    border-radius:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}
/* 
.audit-content{
    padding-left:40px;
} */

.audit-content h2{
    color:#1179bc;
    font-size:32px;
    font-weight:600;
    margin-bottom:20px;
}

.audit-checklist{
    list-style:none;
    padding:0;
    margin-top:25px;
}

.audit-checklist li{
    margin-bottom:14px;
    font-weight:600;
}

.audit-checklist i{
    color:#05cffc;
    margin-right:10px;
}

.audit-services{
    padding:100px 0;
    background:#f7fbff;
}

.audit-timeline{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.audit-card{
    padding:35px;
    background:#fff;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(17,121,188,.08);
}

.audit-card i{
    font-size:40px;
    color:#1179bc;
    margin-bottom:20px;
}

.audit-card h4{
    color:#0b2d5b;
    margin-bottom:15px;
}

.audit-process{
    padding:100px 0;
    background-color: #e0edf3;
}

.audit-benefits{
    padding:100px 0;
    background:#fff;
}








/* ------------------------------------------------------- */

.reveal{
    opacity:0;
    transform:translateY(60px);
    transition:1s;
}

.reveal.active{
    opacity:1;
    transform:none;
}


.glow-ball{
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;

    background:
    radial-gradient(
        rgba(5,207,252,.25),
        transparent 70%
    );

    filter:blur(40px);

    animation:floatGlow 8s ease-in-out infinite;
}

@keyframes floatGlow{

    50%{
        transform:
        translateY(-30px)
        translateX(20px);
    }
}


.audit-services{

    position:relative;
    overflow:hidden;
}

.audit-services::before{

    content:"";

    position:absolute;
    inset:0;

    /* background-image:
    linear-gradient(
    rgba(17,121,188,.04) 1px,
    transparent 1px),

    linear-gradient(
    90deg,
    rgba(17,121,188,.04) 1px,
    transparent 1px); */

    background-size:50px 50px;
    background-color: #97c3d84d;
}



/* =================================
   AUDIT HEXAGON SERVICES
================================= */

.audit-services{
    padding:100px 0;
    background:#fff;
}

.audit-hexagon-wrapper{
    position:relative;
    width:750px;
    height:650px;
    margin:70px auto 0;
}

.hex-item{
    position:absolute;
}

.hex-box{
    width:180px;
    height:180px;
    /* background:#fff; */
    clip-path:polygon(
        25% 6%,
        75% 6%,
        100% 50%,
        75% 94%,
        25% 94%,
        0% 50%
    );

    border:2px solid #dce8f2;

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

    text-align:center;

    box-shadow:0 15px 35px rgba(17,121,188,.10);

    transition:.4s;
}

.hex-box:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(17,121,188,.18);
}

.hex-box i{
    font-size:32px;
    color:#1179bc;
    margin-bottom:12px;
}

.hex-box h5{
    font-size:16px;
    font-weight:600;
    color:#0b2d5b;
    margin:0;
}

.center-box{
    background:linear-gradient(
        135deg,
        #0b2d5b,
        #145ea8
    );
    width: 220px;
    height: 220px;
}

.center-box i,
.center-box h4{
    color:#fff;
}



/* Positions */

.hex-center{
    top:215px;
    left:265px;
}

.hex-top{
    top:20;
    left:285px;
}

.hex-left{
    top:235px;
    left:40px;
}

.hex-right{
    top:235px;
    right:40px;
}

.hex-bottom{
    bottom: 20px;
    left:285px;
}



.hex-box h5{
    font-size:18px;
    line-height:1.4;
    padding:0 10px;
}

.center-box h4{
    font-size:20px;
    line-height:1.2;
}

.hex-box i{
    font-size:32px;
}





/* ===================================
   TAX OVERVIEW
=================================== */

.tax-overview{
    padding:120px 0;
    background:#fff;
}

.tax-overview-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}

.tax-image-side{
    position:relative;
}

.tax-shape{
    position:absolute;
    width:250px;
    height:250px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(5,207,252,.20),
        transparent 70%
    );

    top:-50px;
    left:-50px;

    filter:blur(10px);
}

.tax-image-side img{
    width:100%;
    border-radius:24px;
    display:block;

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

    transition:.4s ease;
}

.tax-image-side:hover img{
    transform:scale(1.03);
}

.tax-content-side h2{
    color:#1179bc;
    font-size:32px;
    font-weight:600;
    line-height:1.2;
    margin-bottom:20px;
}

.tax-content-side p{
    color:#64748b;
    line-height:1.9;
    margin-bottom:40px;
}

.tax-highlights{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.tax-highlight{
    border-left:3px solid #05cffc;
    padding-left:18px;
}

.tax-highlight span{
    display:block;
    font-size:13px;
    font-weight:600;
    color:#1179bc;
    margin-bottom:8px;
}

.tax-highlight h5{
    color:#0b2d5b;
    font-size:15px;
    font-weight:600;
    margin:0;
}








/* .tax-banner{
    position:relative;
    display:flex;
    align-items:center;
    min-height:320px;
        padding:160px 0 100px;

    padding-top:120px;
    padding-bottom:100px;

    background:
        linear-gradient(
            90deg,
            rgba(5,27,56,.92),
            rgba(5,27,56,.72) 55%,
            rgba(5,27,56,.56)
        ),
        url("images/tax.webp");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    overflow:hidden;
}

.tax-overlay{
    display:none;
}

.tax-banner .container{
    position:relative;
    z-index:2;
}

.tax-banner-content{
    max-width:760px;
    text-align:left;
    color:#fff;
}

.tax-banner-content .breadcrumb{
    display:inline-flex;
    align-items:center;
    gap:10px;

    margin-bottom:18px;

    color:#a8edff;

    font-size:15px;
    font-weight:600;

    letter-spacing:.08em;
    text-transform:uppercase;
}

.tax-banner-content .breadcrumb::before{
    content:"";
    width:34px;
    height:2px;
    background:#05cffc;
}

.tax-banner-content h1{
    font-size:clamp(42px,5vw,60px);
    font-weight:600;
    line-height:1.05;
    margin-bottom:20px;
    color:#fff;
}

.tax-banner-content p{
    max-width:650px;
    color:#d8e9f7;
    font: size 15px;;
    line-height:1.8;
} */


.page-banner{
    height:110px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    background:url("images/finance-banner.webp") center center/cover;
}

.banner-overlay{
    position:absolute;
    inset:0;
    background:rgba(6,35,76,.75);
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.page-banner-content h1{
    color:#fff;
    font-size:56px;
    font-weight:600;
    margin:0;
}

.breadcrumb-section{
    background:#fff;
    padding:22px 0;
    border-bottom:1px solid #eaeaea;
    margin-top: 7px;
}

.breadcrumb-section .container{
    display:flex;
    align-items:center;
    gap:12px;
}

.breadcrumb-section a{
        color: var(--inc-muted);
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.breadcrumb-section a:hover{
    color: #3ca5d0;
}

.breadcrumb-section span:last-child{
    color:#3ca5d0;
    font-weight:700;
}



/* ===================================
   TAX STRATEGY HUB
=================================== */

.tax-strategy-hub{
    padding:120px 0;
    background:#f8fbff;
    overflow:hidden;
}

.tax-strategy-hub .section-header{
    max-width:700px;
    margin:0 auto 80px;
}

.hub-wrapper{
    position:relative;
    width:700px;
    height:700px;
    margin:auto;
}

.hub-center{
    position:absolute;

    width:220px;
    height:220px;

    top:50%;
    left:50%;

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

    border-radius:50%;

    background:linear-gradient(
        135deg,
        #0b2d5b,
        #1179bc
    );

    color:#fff;

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

    font-size:28px;
    font-weight:600;

    letter-spacing:2px;

    box-shadow:
    0 25px 60px rgba(17,121,188,.25);
}

.hub-center span{
    font-size: 25px;
}

.hub-node{
    position:absolute;

    width:170px;
    height:170px;

    border-radius:50%;

    background:#ffffff;

    border:2px solid #1e7fce97;

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

    text-align:center;

    padding:20px;

    color:#0b2d5b;

    font-weight:600;

    transition:.4s ease;
}

.hub-node:hover{
    transform:scale(1.08);
    border-color:#000607;
}

.node-top{
    top:0;
    left:50%;
    transform:translateX(-50%);
}

.node-right{
    top:50%;
    right:0;
    transform:translateY(-50%);
}

.node-bottom{
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}

.node-left{
    top:50%;
    left:0;
    transform:translateY(-50%);
}

.node-top-right{
    top:90px;
    right:70px;
}

.node-bottom-left{
    bottom:90px;
    left:70px;
}

/* Connecting Lines */

.hub-wrapper::before,
.hub-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
}

.hub-wrapper::before{
    background:
    linear-gradient(#1593f9,#0c5b9c) center/2px 100% no-repeat,
    linear-gradient(#054a7e,#105085) center/100% 2px no-repeat;
    opacity:0.4;
}





/* ===================================
   TAX PROCESS
=================================== */

.tax-process{
    padding:43px 0;
    background:#fff;
}

.process-path{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin-top:80px;
}

.process-step{
    text-align:center;
    flex:1;
}

.step-number{
    width:90px;
    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    border:2px solid #05cffc;

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

    font-size:26px;
    font-weight:600;

    color:#1179bc;

    transition:.4s ease;
}

.process-step:hover .step-number{

    background:#1179bc;

    color:#fff;

    transform:translateY(-8px);
}

.process-step h4{
    color:#0b2d5b;
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;
}

.process-step p{
    color:#64748b;
    line-height:1.8;
    max-width:220px;
    margin:auto;
}

.path-line{
    width:80px;
    height:2px;

    background:
    linear-gradient(
        90deg,
        #1179bc,
        #05cffc
    );
}


.finance-operations{
    padding:100px 0;
    background:#f8fcff;
}

.finance-flow{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:60px;
}

.flow-item{
    flex:1;
    text-align:center;
    padding:30px 20px;
    background:#fff;
    border-radius:20px;
    transition:.4s ease;
    box-shadow:0 15px 40px rgba(17,121,188,.08);
}

.flow-item:hover{
    transform:translateY(-10px);
}

.flow-number{
    width:60px;
    height:60px;
    margin:auto auto 20px;
    border-radius:50%;
    background:#1179bc;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:600;
}

.flow-line{
    width:50px;
    height:3px;
    background:#05cffc;
}

.finance-benefits{
    padding:100px 0;
}

.finance-list{
    list-style:none;
    padding:0;
    margin-top:25px;
}

.finance-list li{
    margin-bottom:15px;
    padding-left:28px;
    position:relative;
}

.finance-list li::before{
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:#05cffc;
    position:absolute;
    left:0;
    top:10px;
}


.finance-cta{
    padding:100px 0;
}

.finance-cta-box{
    background:linear-gradient(
        135deg,
        #0b2d5b,
        #1179bc
    );
    padding:80px 40px;
    border-radius:30px;
    text-align:center;
    color:#fff;
}

.finance-btn{
    display:inline-block;
    margin-top:25px;
    padding:15px 35px;
    border-radius:50px;
    background:#05cffc;
    color:#0b2d5b;
    text-decoration:none;
    font-weight:700;
}

.finance-cta p{
    color: white;
}



.services-nav-wrapper{
    display:flex;
    align-items:center;
    position:relative;
}

.services-nav-wrapper .nav-link{
    margin-right:6px;
}

.services-nav-wrapper .dropdown-toggle-custom{
    color:#fff;
    text-decoration:none;
    padding:8px;
}






/* ===================================
   LEADERSHIP SECTION
=================================== */

.leadership-section{
    padding:120px 0;
    background:white;
}

.leader-row{
    display:grid;
    grid-template-columns:380px 1fr;
    gap:70px;
    align-items:center;

    margin-top:80px;
}

.leader-row.reverse{
    grid-template-columns:1fr 380px;
}

.leader-row.reverse .leader-image{
    order:2;
}

.leader-row.reverse .leader-content{
    order:1;
}

.leader-image{
    position:relative;
}

/* .leader-image::before{
    content:"";

    position:absolute;

    width:120px;
    height:120px;

    border:2px solid rgba(5,207,252,.2);

    top:-20px;
    left:-20px;

    border-radius:24px;
} */

.leader-image img{
    width:397px;
    height:419px;
    border-radius:24px;

    display:block;

    box-shadow:
    0 25px 60px rgb(0 0 0 / 32%);
}

.leader-badge{
    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:#eaf7fd;

    color:#1179bc;

    font-size:13px;
    font-weight:700;

    margin-bottom:18px;
}

.leader-content h3{
    font-size:30px;
    font-weight:600;

    color:#0b2d5b;

    margin-bottom:8px;
}

.leader-content h5{
    color:#05cffc;
    font-weight:500;

    margin-bottom:4px;
    font-size: 15px;
}

.leader-line{
    width:80px;
    height:4px;

    background:
    linear-gradient(
        90deg,
        #1179bc,
        #05cffc
    );

    margin-bottom:25px;
}

.leader-content p{
    color:#64748b;

    line-height:1.7;

    margin-bottom:18px;

    font-size:16px;
    text-align: left;
}

.align-items-center{
        align-items: center !important;
    margin-top: 42px;
}


/* ========================================== */

.partners-banner{

    min-height:110px;

    display:flex;
    align-items:center;

    position:relative;

    background:
    linear-gradient(
        rgba(5,27,56,.82),
        rgba(5,27,56,.82)
    );

    background-size:cover;
    background-position:center;
    background-repeat: no-repeat;
    overflow: hidden;
    /* margin-bottom: 80px; */
    padding: 28px 0 100px;
}

.partners-banner-content{

    max-width:700px;
}

.banner-label{

    display:inline-block;

    color:#05cffc;

    font-size:15px;

    font-weight:600;

    letter-spacing:2px;

    margin-bottom:20px;
}

.partners-banner h1{

    max-width: 760px;
    margin-bottom: 22px;
    font-size: clamp(40px, 5vw, 60px);
    font-weight: 800;
    line-height: 1.05;
    color: white;
}

.partners-banner h1 span{

    color:#05cffc;
}

.partners-banner p{

    color:#fff;

    font-size:15px;

    line-height:1.8;

    opacity:.95;
}



.partner-showcase{

    padding:47px 0;

    background:white;
}

.partner-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;
}

.partner-left h2{

    font-size:32px;

    font-weight:600;

    color:#0b2d5b;

    margin:20px 0;
}

.partner-left h2 span{

    color:#1179bc;
}

.partner-intro{

    font-size:16px;

    line-height:1.9;

    color:#64748b;

    margin-bottom:40px;
}

.partner-highlight{

    display:flex;

    flex-wrap:wrap;

    gap:15px;
}

.highlight-item{

    padding:12px 24px;

    border:1px solid rgba(17,121,188,.15);

    border-radius:50px;

    background:#fff;

    font-weight:600;

    color:#1179bc;
}

.partner-right p{

    font-size:15px;

    line-height:2;

    color:#64748b;
}

.tech-line{

    width:120px;

    height:4px;

    background:linear-gradient(
        90deg,
        #05cffc,
        #1179bc
    );

    margin:40px 0;
}

.partner-statement h4{

    font-size:24px;

    color:#0b2d5b;

    font-weight:600;
}




/*=========================================
 DCUBE VALUE SECTION
=========================================*/

.partner-value-card{

    display:flex;
    align-items:flex-start;
    gap:22px;

    margin:35px 0;

    padding:28px;

    background:#fff;

    border:1px solid rgba(17,121,188,.12);

    border-radius:22px;

    box-shadow:0 15px 40px rgba(11,45,91,.08);

    position:relative;

    overflow:hidden;

    transition:.35s ease;

}

.partner-value-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:5px;
    height:100%;

    background:linear-gradient(
        #05cffc,
        #1179bc
    );

}

.partner-value-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 55px rgba(17,121,188,.16);

}

.partner-value-icon{

    width:72px;
    height:72px;

    min-width:72px;

    border-radius:20px;

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

    background:linear-gradient(
        135deg,
        #1179bc,
        #05cffc
    );

    color:#fff;

    font-size:28px;

}

.partner-value-content h4{

    color:#0b2d5b;

    font-size:24px;

    font-weight:600;

    margin-bottom:12px;

}

.partner-value-content p{

    color:#64748b;

    line-height:1.9;

    margin:0;

    font-size: 15px;

}

/* ===================================== */

.contact-banner{

    position:relative;

    display:flex;
    align-items:center;

    min-height:110px;

    padding:28px 0 100px;

    background:
    linear-gradient(90deg, rgb(5 27 56 / 98%), rgba(5, 27, 56, .65));

    background-size:cover;
    background-position:center;

    /* margin-bottom:80px; */
}



.contact-conversation{

    /* padding:37px 0; */

    background:white;

}

.conversation-box{

    max-width:950px;

    margin:auto;

    padding:60px;

    border-radius:30px;

    /* background:#fff; */

    /* box-shadow:
    0 25px 60px rgba(17,121,188,.08); */

    position:relative;
}

.conversation-header{

    text-align:center;

    margin-bottom:63px;
}

.conversation-header h2{

    font-size:32px;

    font-weight:600;

    color:#0b2d5b;

    margin:15px 0;
}

.conversation-header h2 span{

    color:#05cffc;
}

.conversation-header p{

    max-width:650px;

    margin:auto;

    /* line-height:1.9; */
}

.service-options{

    display:grid;

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

    gap:15px;

    margin-bottom:35px;
}

.service-options label{

    padding:16px 20px;

    border:1px solid #1e426e;

    border-radius:12px;

    cursor:pointer;

    font-weight:600;

    transition:.3s;
}

.service-options label:hover{

    border-color:#05cffc;

    background:#f5fcff;
}

.service-options input{

    margin-right:10px;
}


.premium-divider{
    position:relative;
    margin:50px 0 40px;
    height:40px;
}

.premium-divider::before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    height:1px;
    background:#dbe7f2;
}

.premium-divider span{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

    width:16px;
    height:16px;

    border-radius:50%;

    background:#05cffc;

    box-shadow:
        0 0 0 8px rgba(5,207,252,.15),
        0 0 25px rgba(5,207,252,.35);
}


.form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:40px;
}

.form-group{
    display:flex;
    flex-direction:column;
}

.form-group label{
    margin-bottom:10px;

    color:#0b2d5b;

    font-weight:700;

    font-size:14px;
}

.form-group input,
.form-group select,
.form-group textarea{

    width:100%;

    padding:15px 18px;

    border:1px solid #dce7ef;

    border-radius:12px;

    background:#fff;

    color:#102033;

    font-size:15px;

    transition:.3s;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    outline:none;

    border-color:#05cffc;

    box-shadow:
    0 0 0 4px rgba(5,207,252,.12);
}

.full-width{
    margin-top:25px;
}

.full-width textarea{
    resize:none;
}

.conversation-btn{
        padding: 15px 30px;
    color: #fbfdff;
    background: linear-gradient(96deg, #349eca, #49a7f6e0);
    text-decoration: none;
    border-radius: 42px;
    margin-top: 25px;
}

.conversation-btn:hover{
     color:#010101;
    transform:translateY(-2px);
    box-shadow:0 16px 35px rgba(20,94,168,.28);
    background:whitesmoke;
}

.conversation-btn a{
    font-size: 30px;
}

.inquiry-card{
    position:relative;

    background:#fff;

    padding:50px;

    border-radius:30px;

    overflow:hidden;

    box-shadow:
    0 25px 70px rgba(11,45,91,.08);

    border:1px solid rgba(5,207,252,.15);
}

/* Top Decoration */

.inquiry-card::before{
    content:"";

    position:absolute;

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

    width:250px;
    height:250px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(5,207,252,.18),
        transparent 70%
    );
}

/* Bottom Decoration */

.inquiry-card::after{
    content:"";

    position:absolute;

    bottom:-120px;
    right:-120px;

    width:250px;
    height:250px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(17,121,188,.15),
        transparent 70%
    );
}




.card-header{
    margin-bottom:40px;
    text-align:center;
}

.card-header span{
    display:inline-block;

    padding:8px 18px;

    border-radius:50px;

    background:#eaf7ff;

    color:#1179bc;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;
}

.card-header h3{
    margin-top:20px;

    color:#0b2d5b;

    font-size:34px;

    font-weight:600;
}




.form-group input,
.form-group select,
.form-group textarea{

    background:#f8fbff;

    border:1px solid #dce7ef;

    border-radius:14px;

    padding:16px 18px;

    transition:.3s ease;
}

.form-group input:hover,
.form-group select:hover,
.form-group textarea:hover{
    border-color:#1179bc;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color:#05cffc;

    background:#fff;

    box-shadow:
    0 0 0 5px rgba(5,207,252,.12);
}




.conversation-btn{

    border:none;

    padding:16px 35px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        #1179bc,
        #05cffc
    );

    color:#fff;

    font-weight:700;

    transition:.4s ease;
}

.conversation-btn:hover{

    transform:translateY(-4px);

    box-shadow:
    0 15px 35px rgba(5,207,252,.35);
}



.conversation-form textarea{
    width:100%;
    padding:18px 20px;
    border:2px solid #6ddcff;
    border-radius:18px;
    resize:vertical;
    font-size:16px;
    line-height:1.6;
    box-sizing:border-box;
    vertical-align:top;
}

.conversation-form textarea::placeholder{
    color:#9aa6b2;
}







/* CFO PAGE ENHANCEMENTS */
.audit-banner{overflow:hidden;position:relative}
.audit-banner-content{animation:slideFade 1.2s ease}
@keyframes slideFade{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.floating-circle{position:absolute;border-radius:50%;background:rgba(5,207,252,.08);backdrop-filter:blur(8px)}
.one{width:140px;height:140px;top:20%;right:10%;animation:floatY 6s infinite ease-in-out}
.two{width:90px;height:90px;bottom:20%;right:25%;animation:floatY 8s infinite ease-in-out}
.three{width:180px;height:180px;top:45%;right:-30px;animation:floatY 10s infinite ease-in-out}
@keyframes floatY{50%{transform:translateY(-25px)}}
.audit-image{overflow:hidden}.audit-image img{transition:.7s ease}.audit-image:hover img{transform:scale(1.08)}
.audit-checklist li{transition:.35s ease}.audit-checklist li:hover{transform:translateX(12px);color:var(--primary-2)}
.audit-checklist li i{transition:.4s ease}.audit-checklist li:hover i{transform:rotate(360deg);color:var(--accent)}
.feature-icon{animation:pulseIcon 3s infinite}@keyframes pulseIcon{50%{transform:scale(1.08)}}
.cfo-kpis{margin-top:-70px;position:relative;z-index:5}
.cfo-kpis .container{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}
.kpi-card{background:#fff;padding:30px;text-align:center;border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.08);transition:.4s ease}
.kpi-card:hover{transform:translateY(-10px)}
.kpi-card h3{color:var(--primary-2);font-size:42px;font-weight:800}
.road-step{position:relative;overflow:hidden}
.road-step::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(5,207,252,.15),transparent);transition:.8s}
.road-step:hover::before{left:100%}
.road-step:hover{transform:translateY(-8px)}
.cfo-cta{padding:100px 0}
.cta-box{padding:80px 40px;border-radius:30px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}
.cta-box h2{color:#fff;margin-bottom:20px}.cta-box p{color:rgba(255,255,255,.85)}
.cta-btn{display:inline-block;margin-top:25px;padding:15px 35px;border-radius:50px;background:#0b2d5b;color:#ffffff;text-decoration:none;font-weight:700}
.cta-btn:hover{
    transform:translateY(-3px);
    background-color: #ffffff;
    color: #000000;
}
@media(max-width:991px){.cfo-kpis .container{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.cfo-kpis{margin-top:40px}.cfo-kpis .container{grid-template-columns:1fr}.cta-box{padding:50px 25px}.cta-box h2{font-size:30px}.one,.two,.three{display:none}}




/*=========================================
CFO Process Section
=========================================*/

.cfo-process-section{
    position:relative;
    padding:120px 0 180px;
    background:linear-gradient(180deg,#fdfefe 0%,#f5f9ff 100%);
    overflow:hidden;
    z-index:1;
}

/*==================================
Background Decorations
==================================*/

.shape{
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}

.shape-left{
    width:520px;
    height:520px;
    left:-280px;
    top:-160px;
    opacity:.45;
    background:
    repeating-radial-gradient(
        circle at center,
        transparent 0,
        transparent 12px,
        rgba(30,115,230,.10) 13px,
        rgba(30,115,230,.10) 15px
    );
}

.shape-right{
    width:220px;
    height:220px;
    right:-70px;
    top:90px;
    background:rgba(35,120,255,.08);
}

/*==================================
Dot Pattern
==================================*/

.dot-grid{
    position:absolute;
    width:170px;
    height:170px;

    background-image:
    radial-gradient(#2b73ff 1.8px,transparent 1.8px);

    background-size:18px 18px;

    opacity:.20;
}

.dot-left{

    left:-35px;
    bottom:80px;
}

.dot-right{

    right:30px;
    top:80px;
}

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

.process-heading{

    margin-bottom:90px;

    position:relative;

    z-index:2;
}

/* .process-subtitle{

    display:inline-flex;

    align-items:center;

    gap:18px;

    color:#1d6eff;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
} */

.process-subtitle .line{

    width:65px;

    height:2px;

    background:#1d6eff;
}

.process-heading h2{

    margin-top:22px;

    font-size:32px;

    font-weight:600;

    color:#1179bc;

    line-height:1.2;
}

.title-divider{

    width:130px;

    height:4px;

    margin:28px auto 0;

    border-radius:50px;

    background:
    linear-gradient(90deg,#1d6eff,#59a4ff);
}


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

.timeline-wrapper{

    position:relative;

    height:70px;

    margin-bottom:25px;
}

.timeline-line{

    position:absolute;

    left:12%;

    right:12%;

    top:49px;

    height:3px;

    background:#1d6eff;
}

.timeline-dot{

    position:absolute;

    width:18px;

    height:18px;

    border-radius:50%;

    background:#1d6eff;

    top:41px;
}

.dot1{

    left:25%;
}

.dot2{

    left:50%;

    transform:translateX(-50%);
}

.dot3{

    right:25%;
}





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

.process-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:75px 30px 45px;

    text-align:center;

    box-shadow:
    0 15px 45px rgba(18,38,63,.08);

    transition:.35s ease;

    overflow:visible;

    height:auto;

    border-bottom:5px solid #1d6eff;

    min-height: 416px;
}

.process-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 25px 55px rgba(24,90,255,.18);
}




.step-number{

    position:absolute;

    top:-88px;

    left:50%;

    transform:translateX(-50%);

    width:84px;

    height:84px;

    border-radius:50%;

    background:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    font-weight:800;

    color:#1d6eff;

    box-shadow:
    0 12px 35px rgba(30,90,255,.18);

    z-index:5;
}




.step-pointer{

    position:absolute;

    width:26px;

    height:18px;

    background:#1d6eff;

    top:-10px;

    left:50%;

    transform:translateX(-50%);

    clip-path:polygon(50% 100%,0 0,100% 0);
}




.icon-circle{

    width:90px;

    height:90px;

    border-radius:50%;

    margin:0 auto 30px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:
    linear-gradient(135deg,#2878ff,#0054d9);

    color:#fff;

    font-size:28px;

    box-shadow:
    0 15px 35px rgba(28,110,255,.35);

    border:8px solid #eef5ff;

    transition:.35s;
}

.process-card:hover .icon-circle{

    transform:scale(1.08) rotate(-6deg);
}




.process-card h4{

    font-size:22px;

    font-weight:600;

    color:#081c3a;

    line-height:1.3;

    margin-bottom:11px;
}

.card-line{

    width:46px;

    height:3px;

    background:#1d6eff;

    margin:0 auto 25px;

    border-radius:50px;
}

.process-card p{

    color:#5b6678;

    /* line-height:34px; */

    font-size:15px;

    margin:2px;
}





/*====================================
Bottom Wave
====================================*/

.bottom-wave{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    line-height:0;
    z-index:0;
}

.bottom-wave svg{
    display:block;
    width:100%;
    height:160px;
}

.bottom-wave path{
    fill:url(#waveGradient);
}



/*====================================
Hover Effects
====================================*/

.process-card::before{

    content:"";

    position:absolute;

    inset:0;

    border-radius:24px;

    background:linear-gradient(
        135deg,
        rgba(40,120,255,.04),
        rgba(255,255,255,0)
    );

    opacity:0;

    transition:.4s;
}

.process-card:hover::before{

    opacity:1;
}

/* .process-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:5px;

    background:linear-gradient(
        90deg,
        #1d6eff,
        #57b0ff
    );

    transition:.35s;
} */

.process-card:hover::after{

    height:8px;
}




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

@keyframes floatIcon{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0px);

    }

}

.icon-circle{

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






*{

    transition:

        color .3s,

        background .3s,

        border .3s,

        box-shadow .3s,

        transform .35s;
}



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

.contact-location-section{

    padding:90px 0;
    background:#f7fbff;
    position:relative;
    overflow:hidden;

}

.contact-location-section::before{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    left:-150px;
    top:-150px;

    border-radius:50%;

    background:rgba(5,207,252,.08);

}

.contact-location-section::after{

    content:"";

    position:absolute;

    right:-120px;
    bottom:-120px;

    width:280px;
    height:280px;

    border-radius:50%;

    background:rgba(17,121,188,.08);

}

.contact-location-wrapper{

    display:grid;
    grid-template-columns:430px 1fr;
    gap:45px;
    align-items:center;

}

.office-heading{

    margin-bottom:35px;

}

.office-heading h2{

    font-size:46px;
    color:#0b2d5b;
    margin-bottom:18px;

}

.office-heading h2 span{

    color:#1179bc;

}

.office-heading p{

    color:#64748b;
    line-height:1.9;

}

.office-card{

    display:flex;
    gap:20px;

    background:#fff;

    padding:28px;

    margin-bottom:20px;

    border-radius:18px;

    box-shadow:0px 0px 20px 1px rgb(6 7 7 / 29%);

    transition:.35s;

}

.office-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 55px rgba(17,121,188,.16);

}

.office-icon{

    width:57px;
    height:57px;

    /* min-width:70px; */

    border-radius:18px;

    background:linear-gradient(135deg,#1179bc,#05cffc);

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

    color:#fff;
    font-size:23px;

}

.office-info h4{

    color:#0b2d5b;
    margin-bottom:10px;
    font-size: 22px;

}

.office-info p{

    color:#64748b;
    line-height:1.8;
    margin:0;
    font-size: 15px;

}

.office-info a{

    color:#1179bc;
    text-decoration:none;
    font-weight:600;

}

.office-map{

    background:#fff;

    padding:12px;

    border-radius:24px;

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

}

.office-map iframe{

    width:100%;
    height:620px;

    border:none;

    border-radius:18px;

}





/* ============== RISK ========================== */

.risk-overview{
    margin-top:52px;
    position:relative;
    z-index:5;
}

.risk-overview h2{
       color: #1179bc;
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 29px;
    text-align: center;
}


.risk-overlap-card{
    background:#fff;
    border-radius:30px;
    padding:60px;
    position:relative;
    overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.08);
    margin-top: 137px;
}

.risk-watermark{
    position:absolute;
    top:20px;
    right:30px;
    font-size:110px;
    font-weight:600;
    color:rgba(17,121,188,.05);
    pointer-events:none;
}

.risk-image img{
    border-radius:25px;
    width:100%;
    margin-bottom: 53px;
}

.risk-mini-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:30px;
}

.risk-points{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 10px 54px;
    margin-top: 30px;
}

.risk-point{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
    font-weight:600;
    color:#0b2d5b;;
}

.risk-point i{
    color: #36a2cd;
    font-size: 18px;
}


.advisory-section{
    padding:162px 0;
}

.advisory-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.advisory-card{
    background:#0b2d5b;
    padding:35px;
    border-radius:20px;
    box-shadow:-9px 6px 15px rgb(0 0 0 / 42%);
    transition:.4s;
}

.advisory-card:hover{
    transform:translateY(-10px);
}

.advisory-card span{
    color:#05cffc;
    font-weight:600;
}

.advisory-card h4{
    color: white;
}

.advisory-card p{
    color: white;
}

.risk-framework{
    padding:120px 0;
    background:#f8fbff;
    position:relative;
}

.risk-framework .section-header{
    margin-bottom:80px;
    position:relative;
    z-index:2;
}

.timeline{
     width:100%;
    max-width:900px;
    margin:0 auto;
    position:relative;
    padding-top:20px;
}

.timeline::before{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:3px;
    height:100%;
    background:linear-gradient(
        to bottom,
        #05cffc,
        #1179bc
    );
}

.timeline-item{
    width:42%;
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    position:relative;
    margin-bottom:50px;
    transition:.4s ease;
}

.timeline-item:hover{
    transform:translateY(-8px);
}

.timeline-item.left{
    margin-right:55%;
}

.timeline-item.right{
    margin-left:55%;
}

.timeline-item::before{
    content:'';
    position:absolute;
    top:40px;
    width:18px;
    height:18px;
    background:#05cffc;
    border:4px solid #fff;
    border-radius:50%;
    box-shadow:0 0 0 6px rgba(5,207,252,.15);
}

.timeline-item.left::before{
    right:-53px;
}

.timeline-item.right::before{
    left:-53px;
}

.timeline-item h4{
    color:#0b2d5b;
    font-size:28px;
    font-weight:700;
    margin-bottom:15px;
}

.timeline-item p{
    margin:0;
    color:#667085;
    line-height:1.8;
}

.risk-framework{
    overflow:hidden;
}




/* ====================================
   MODERN WHATSAPP BUTTON
==================================== */

.whatsapp-float{
    position:fixed;
    right:25px;
    bottom:95px;
    z-index:9999;

    width:65px;
    height:65px;

    background:#26bb5d;
    color:#fff;

    border-radius:50%;

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

    text-decoration:none;
    z-index: 9999;
    box-shadow:0 15px 35px rgba(37,211,102,.35);

    transition:.4s ease;
        animation:whatsappFloat 3s ease-in-out infinite;

}

.whatsapp-float i{
    font-size:32px;
    color: #ffffff;
}

.whatsapp-float:hover{
    transform:translateY(-8px) scale(1.08);
    color:#fff;
}

/* Pulse Animation */

.whatsapp-float::before{
    content:'';
    position:absolute;

    width:100%;
    height:100%;

    border-radius:50%;

    background:rgba(37,211,102,.4);

    animation:whatsappPulse 2s infinite;
}

@keyframes whatsappPulse{

    0%{
        transform:scale(1);
        opacity:1;
    }

    100%{
        transform:scale(1.8);
        opacity:0;
    }

}

@keyframes whatsappFloat{

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

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

}

/* Tooltip */

.whatsapp-text{
    position:absolute;

    right:80px;

    background:#0b2d5b;
    color:#fff;

    padding:12px 18px;

    border-radius:50px;

    white-space:nowrap;

    font-size:14px;
    font-weight:600;

    opacity:0;
    visibility:hidden;

    transition:.3s ease;
}

.whatsapp-float:hover .whatsapp-text{
    opacity:1;
    visibility:visible;
}



/* ===================================
   BUSINESS INTRO
=================================== */

.business-intro{
    position:relative;
    padding:80px 0;
}

.business-intro-card{
    background:#fff;
    border-radius:35px;
    padding:50px;
    box-shadow:0 25px 60px rgba(0,0,0,.08);
    position:relative;
    overflow:hidden;
}

.business-intro-card::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    top:-180px;
    right:-180px;
    border-radius:50%;
    background:rgba(5,207,252,.05);
}

.intro-image img{
    width:100%;
    border-radius:25px;
    transition:.5s;
}

.intro-image{
    overflow:hidden;
    border-radius:25px;
}

.intro-image:hover img{
    transform:scale(1.08);
}

.business-intro h2{
    color:#0b2d5b;
    font-size:48px;
    font-weight:700;
    margin:20px 0;
}

.business-intro p{
    color:#667085;
    line-height:1.9;
}


.business-points{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:30px;
}

.business-point{
    display:flex;
    align-items:center;
    gap:12px;

    font-weight:600;
    color:#0b2d5b;
}

.business-point i{
    color:#05cffc;
    font-size:18px;
}


/* ===================================
   REGISTRATION SERVICES
=================================== */

.registration-services{
    padding:100px 0;
    background:#f8fbff;
}

.services-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin-top:60px;
}

.service-box{
    background:#fff;
    padding:40px 35px;
    border-radius:25px;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

    position:relative;
    overflow:hidden;

    transition:.4s ease;
}

.service-box::before{
    content:'';
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:5px;

    background:linear-gradient(
        90deg,
        #05cffc,
        #1179bc
    );

    transform:scaleX(0);
    transition:.4s;
}

.service-box:hover{
    transform:translateY(-10px);
}

.service-box:hover::before{
    transform:scaleX(1);
}

.service-box h4{
    color:#0b2d5b;
    margin-bottom:15px;
    font-weight:600;
    font-size:24px;
}

.service-box p{
    color:#667085;
    margin:0;
    line-height:1.8;
}

/* ===================================
   BUSINESS JOURNEY
=================================== */

.business-journey{
    padding:120px 0;
    position:relative;
}

.journey-wrapper{
    margin-top:70px;

    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:25px;

    position:relative;
}

.journey-wrapper::before{
    content:'';
    position:absolute;

    top:50px;
    left:8%;
    width:84%;
    height:3px;

    background:linear-gradient(
        90deg,
        #05cffc,
        #1179bc
    );
}

.journey-step{
    background:#fff;
    padding:35px 20px;

    text-align:center;

    border-radius:25px;

    position:relative;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.4s;
}

.journey-step:hover{
    transform:translateY(-10px);
}

.journey-step::before{
    content:'';
    position:absolute;

    top:-18px;
    left:50%;

    transform:translateX(-50%);

    width:35px;
    height:35px;

    border-radius:50%;

    background:#05cffc;

    border:6px solid #fff;
}

.journey-step span{
    display:block;

    font-size:14px;
    font-weight:700;

    color:#1179bc;

    margin-bottom:15px;
}

.journey-step h4{
    font-size:18px;
    color:#0b2d5b;
    margin:0;
}


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

.service-cta{
    padding:100px 0;
}

.cta-box{
    background:linear-gradient(
        135deg,
        #0b2d5b,
        #1179bc
    );

    padding:70px;

    border-radius:35px;

    text-align:center;

    color:#fff;

    position:relative;
    overflow:hidden;
}

.cta-box::before{
    content:'';
    position:absolute;

    width:350px;
    height:350px;

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

    border-radius:50%;

    top:-150px;
    right:-150px;
}

.cta-box h2{
    font-size:48px;
    margin-bottom:20px;
}

.cta-box p{
    max-width:700px;
    margin:auto auto 30px;
    opacity:.9;
}

.cta-box .theme-btn{
    background:#fff;
    color:#0b2d5b;
}




/* ===++=+=+==++=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+= */


/* ============================================
   INCORPORATION PAGE — MODERN DESIGN SYSTEM
   ============================================ */

/* --- Design Tokens --- */
:root {
    --inc-primary: #0a1628;
    --inc-primary-2: #1a2d4a;
    --inc-accent: #3b82f6;
    --inc-accent-light: #60a5fa;
    --inc-accent-glow: rgba(59, 130, 246, .15);
    --inc-cyan: #06b6d4;
    --inc-cyan-light: #22d3ee;
    --inc-emerald: #10b981;
    --inc-ink: #1e293b;
    --inc-muted: #64748b;
    --inc-light: #94a3b8;
    --inc-line: #e2e8f0;
    --inc-surface: #ffffff;
    --inc-soft: #f8fafc;
    --inc-soft-blue: #f0f7ff;
    --inc-radius: 16px;
    --inc-radius-sm: 10px;
    --inc-radius-lg: 24px;
    --inc-radius-xl: 32px;
    --inc-shadow: 0 4px 24px rgba(15, 23, 42, .06);
    --inc-shadow-md: 0 8px 40px rgba(15, 23, 42, .08);
    --inc-shadow-lg: 0 20px 60px rgba(15, 23, 42, .12);
    --inc-shadow-accent: 0 8px 32px rgba(59, 130, 246, .2);
    --inc-transition: .35s cubic-bezier(.4, 0, .2, 1);
    --inc-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* --- Reset & Base --- */
.inc-page * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* body {
    font-family: var(--inc-font);
    color: var(--inc-ink);
    background: var(--inc-surface);
    font-size: 16px;
    line-height: 1.7;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} */

img { max-width: 100%; }

a, button { transition: all var(--inc-transition); }

p { color: var(--inc-muted); margin-bottom: 0; }

.container { max-width: 1200px; }

/* ============================================
   BANNER
   ============================================ */
.inc-banner {
    position: relative;
    padding: clamp(100px, 12vw, 160px) 0 clamp(80px, 10vw, 130px);
    background: linear-gradient(135deg, #0a1628 0%, #1a2d4a 50%, #0f2444 100%);
    overflow: hidden;
}

.inc-banner-bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 50% at 20% 80%, rgba(59, 130, 246, .12), transparent),
        radial-gradient(ellipse 60% 40% at 80% 20%, rgba(6, 182, 212, .1), transparent);
}

.inc-banner-particles {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.inc-banner-particles span {
    position: absolute;
    width: 4px;
    height: 4px;
    background: rgba(59, 130, 246, .4);
    border-radius: 50%;
    animation: inc-float 8s ease-in-out infinite;
}

.inc-banner-particles span:nth-child(1) { top: 20%; left: 15%; animation-delay: 0s; }
.inc-banner-particles span:nth-child(2) { top: 60%; left: 75%; animation-delay: 1.5s; width: 6px; height: 6px; }
.inc-banner-particles span:nth-child(3) { top: 35%; left: 55%; animation-delay: 3s; width: 3px; height: 3px; }
.inc-banner-particles span:nth-child(4) { top: 75%; left: 25%; animation-delay: 4.5s; width: 5px; height: 5px; }
.inc-banner-particles span:nth-child(5) { top: 15%; left: 85%; animation-delay: 6s; }

@keyframes inc-float {
    0%, 100% { transform: translateY(0) scale(1); opacity: .4; }
    50% { transform: translateY(-20px) scale(1.5); opacity: .8; }
}

.inc-banner-content {
    position: relative;
    z-index: 2;
    max-width: 720px;
}

.inc-banner-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 20px;
    background: rgba(59, 130, 246, .12);
    border: 1px solid rgba(59, 130, 246, .2);
    border-radius: 999px;
    color: var(--inc-accent-light);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 24px;
    backdrop-filter: blur(8px);
}

.inc-banner-tag i {
    font-size: 14px;
}

.inc-banner h1 {
    font-size: clamp(36px, 5vw, 56px);
    font-weight: 800;
    line-height: 1.1;
    color: #fff;
    margin-bottom: 20px;
    letter-spacing: -.02em;
}

.inc-banner p {
    font-size: clamp(16px, 1.5vw, 18px);
    color: rgba(255, 255, 255, .7);
    line-height: 1.8;
    max-width: 580px;
}
/* ============================================
   BREADCRUMB
   ============================================ */
.inc-breadcrumb {
    background: var(--inc-surface);
    padding: 18px 0;
    border-bottom: 1px solid var(--inc-line);
}

.inc-breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.inc-breadcrumb a {
    color: var(--inc-muted);
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color var(--inc-transition);
}

.inc-breadcrumb a:hover {
    color: var(--inc-accent);
}

.inc-breadcrumb .sep {
    color: var(--inc-light);
    font-size: 11px;
}

.inc-breadcrumb .current {
    color: var(--inc-accent);
    font-weight: 600;
    font-size: 14px;
}
/* ============================================
   TAG COMPONENT
   ============================================ */
.inc-tag {
    display: block;
    align-items: center;
    gap: 10px;
    color: var(--inc-accent);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.inc-tag-line {
    display: inline-block;
    width: 32px;
    height: 2px;
    background: linear-gradient(90deg, var(--inc-accent), var(--inc-cyan));
    border-radius: 2px;
}

/* ============================================
   SECTION HEADER
   ============================================ */
.inc-section-header {
    max-width: 680px;
    margin: 0 auto 56px;
    text-align: center;
}

.inc-section-header .inc-tag {
    justify-content: center;
}

/* .inc-section-header h2 {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 800;
    color: var(--inc-primary);
    line-height: 1.15;
    margin-bottom: 16px;
    letter-spacing: -.02em;
} */

/* .inc-section-header p {
    font-size: 17px;
    color: var(--inc-muted);
    line-height: 1.7;
} */
/* ============================================
   INTRO SECTION
   ============================================ */
.inc-intro {
    padding: clamp(60px, 8vw, 100px) 0;
}

.inc-intro-card {
    background: var(--inc-surface);
    border-radius: var(--inc-radius-xl);
    overflow: hidden;
    box-shadow: var(--inc-shadow-lg);
    border: 1px solid var(--inc-line);
}

.inc-intro-image {
    position: relative;
    height: 100%;
    min-height: 420px;
    overflow: hidden;
}

.inc-intro-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.4, 0, .2, 1);
}

.inc-intro-card:hover .inc-intro-image img {
    transform: scale(1.05);
}

.inc-intro-image-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(10, 22, 40, .7));
    display: flex;
    align-items: flex-end;
    padding: 30px;
}

.inc-intro-badge {
    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(12px);
    border-radius: var(--inc-radius);
    padding: 16px 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
}

.inc-intro-badge-number {
    font-size: 28px;
    font-weight: 800;
    color: var(--inc-accent);
    line-height: 1;
}

.inc-intro-badge-text {
    font-size: 13px;
    font-weight: 600;
    color: var(--inc-muted);
    line-height: 1.3;
}

.inc-intro-content {
    padding: clamp(30px, 4vw, 56px);
}

.inc-intro-content h2 {
    font-size: 32px;
    font-weight: 600;
    color: #1179bc;
    line-height: 1.15;
    margin-bottom: 18px;
    /* letter-spacing: -.02em; */
}

.inc-intro-content > p {
    font-size: 16px;
    color: var(--inc-muted);
    line-height: 1.8;
    margin-bottom: 28px;
}

.inc-checklist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.inc-check-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background: var(--inc-soft);
    border-radius: var(--inc-radius-sm);
    transition: all var(--inc-transition);
    border: 1px solid transparent;
}

.inc-check-item:hover {
    background: var(--inc-soft-blue);
    border-color: var(--inc-accent-glow);
    transform: translateX(4px);
}

.inc-check-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--inc-accent), var(--inc-cyan));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.inc-check-icon i {
    font-size: 11px;
    color: #fff;
}

.inc-check-item span {
    font-size: 14px;
    font-weight: 600;
    color: var(--inc-ink);
}
/* ============================================
   SERVICES SECTION
   ============================================ */
.inc-services {
    padding: clamp(60px, 8vw, 100px) 0;
    background: #97c3d84d;
    position: relative;
}

.inc-services::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--inc-line), transparent);
}

.inc-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    box-shadow: #000;
}

.inc-service-card {
    position: relative;
    background: var(--inc-surface);
    border-radius: var(--inc-radius-lg);
    padding: 36px 30px 30px;
    border: 1px solid var(--inc-line);
    overflow: hidden;
    transition: all var(--inc-transition);
    display: flex;
    flex-direction: column;
}

.inc-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--inc-accent), var(--inc-cyan));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform var(--inc-transition);
}

.inc-service-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--inc-shadow-lg);
    border-color: transparent;
}

.inc-service-card:hover::before {
    transform: scaleX(1);
}

.inc-service-icon {
    width: 60px;
    height: 60px;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--inc-accent-glow), rgba(6, 182, 212, .08));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transition: all var(--inc-transition);
}

.inc-service-icon i {
    font-size: 24px;
    color: var(--inc-accent);
    transition: color var(--inc-transition);
}

.inc-service-card:hover .inc-service-icon {
    background: linear-gradient(135deg, var(--inc-accent), var(--inc-cyan));
    transform: scale(1.08);
}

.inc-service-card:hover .inc-service-icon i {
    color: #fff;
}

.inc-service-number {
    position: absolute;
    top: 20px;
    right: 24px;
    font-size: 48px;
    font-weight: 900;
    color: rgba(15, 23, 42, .04);
    line-height: 1;
    transition: color var(--inc-transition);
}

.inc-service-card:hover .inc-service-number {
    color: rgba(59, 130, 246, .08);
}

.inc-service-card h4 {
    font-size: 19px;
    font-weight: 700;
    color: var(--inc-primary);
    margin-bottom: 12px;
    line-height: 1.3;
}

.inc-service-card p {
    font-size: 14px;
    color: var(--inc-muted);
    line-height: 1.7;
    flex-grow: 1;
    margin-bottom: 20px;
}

.inc-service-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--inc-accent);
    text-decoration: none;
    transition: all var(--inc-transition);
}

.inc-service-link i {
    font-size: 12px;
    transition: transform var(--inc-transition);
}

.inc-service-link:hover {
    color: var(--inc-primary);
}

.inc-service-link:hover i {
    transform: translateX(4px);
}
/* ============================================
   JOURNEY SECTION
   ============================================ */
.inc-journey {
    padding: clamp(60px, 8vw, 100px) 0;
    background: var(--inc-surface);
}

.inc-journey-timeline {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
    margin-top: 60px;
    position: relative;
}

.inc-journey-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    max-width: 180px;
    position: relative;
}

.inc-journey-marker {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--inc-accent), var(--inc-cyan));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    box-shadow: 0 4px 16px rgba(59, 130, 246, .3);
    position: relative;
    z-index: 2;
}

.inc-journey-marker span {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.inc-journey-card {
    text-align: center;
    padding: 24px 16px;
    background: var(--inc-soft);
    border-radius: var(--inc-radius);
    border: 1px solid var(--inc-line);
    width: 100%;
    transition: all var(--inc-transition);
}

.inc-journey-card:hover {
    background: var(--inc-surface);
    box-shadow: var(--inc-shadow-md);
    transform: translateY(-6px);
    border-color: var(--inc-accent-glow);
}

.inc-journey-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--inc-accent-glow);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px;
    transition: all var(--inc-transition);
}

.inc-journey-icon i {
    font-size: 20px;
    color: var(--inc-accent);
}

.inc-journey-card:hover .inc-journey-icon {
    background: linear-gradient(135deg, var(--inc-accent), var(--inc-cyan));
}

.inc-journey-card:hover .inc-journey-icon i {
    color: #fff;
}

.inc-journey-card h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--inc-primary);
    margin-bottom: 6px;
}

.inc-journey-card p {
    font-size: 13px;
    color: var(--inc-muted);
    line-height: 1.5;
    margin: 0;
}

.inc-journey-connector {
    display: flex;
    align-items: center;
    padding-top: 10px;
    color: var(--inc-light);
    font-size: 12px;
    flex-shrink: 0;
    width: 28px;
    justify-content: center;
}
/* ============================================
   CTA SECTION
   ============================================ */
.inc-cta {
    padding: clamp(60px, 8vw, 100px) 0;
}

.inc-cta-box {
    position: relative;
    background: linear-gradient(135deg, var(--inc-primary) 0%, #1e3a5f 50%, var(--inc-primary-2) 100%);
    border-radius: var(--inc-radius-xl);
    padding: clamp(40px, 6vw, 80px) clamp(30px, 5vw, 70px);
    text-align: center;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(10, 22, 40, .3);
}

.inc-cta-decoration span {
    position: absolute;
    border-radius: 50%;
    background: rgba(59, 130, 246, .08);
}

.inc-cta-decoration span:nth-child(1) {
    width: 300px;
    height: 300px;
    top: -100px;
    right: -80px;
}

.inc-cta-decoration span:nth-child(2) {
    width: 200px;
    height: 200px;
    bottom: -60px;
    left: -40px;
}

.inc-cta-decoration span:nth-child(3) {
    width: 120px;
    height: 120px;
    top: 50%;
    left: 60%;
    background: rgba(6, 182, 212, .06);
}

.inc-cta-box h2 {
    font-size: clamp(28px, 4vw, 44px);
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px;
    line-height: 1.15;
    letter-spacing: -.02em;
    position: relative;
    z-index: 2;
}

.inc-cta-box > p {
    font-size: clamp(15px, 1.5vw, 18px);
    color: rgba(255, 255, 255, .7);
    /* max-width: 560px; */
    margin: 0 auto 32px;
    line-height: 1.7;
    position: relative;
    z-index: 2;
    width: 89%;
}

.inc-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 36px;
    background: #fff;
    color: var(--inc-primary);
    font-size: 15px;
    font-weight: 700;
    border-radius: 999px;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
    transition: all var(--inc-transition);
    position: relative;
    z-index: 2;
}

.inc-cta-btn i {
    font-size: 13px;
    transition: transform var(--inc-transition);
}

.inc-cta-btn:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 12px 36px rgba(59, 130, 246, .4);
    color: var(--inc-accent);
}

.inc-cta-btn:hover i {
    transform: translateX(4px);
}

/* ============================================
   ANIMATIONS
   ============================================ */
@keyframes inc-fade-up {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes inc-scale-in {
    from { opacity: 0; transform: scale(.9); }
    to { opacity: 1; transform: scale(1); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}



/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+ */



.site-logo{
    height:auto;
    width:135px;
    display:block;
    object-fit:contain;
}

.site-logo1{
    height:auto;
    width:135px;
    display:block;
    object-fit:contain;
}

.navbar-brand{
    padding:0;
    margin-right:30px;
    display:flex;
    align-items:center;
}


/* =+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=Navabr=+=+=+=+=+=+=+=+=++=+=+=+=+=+==+=+=+=++=+= */



/* SERVICES DROPDOWN */

.services-dropdown{
    position:relative;
}

.service-link{
    display:flex;
    align-items:center;
    gap:6px;
}

.service-link::after{
    display:none;
}

.dropdown-icon{
    font-size:12px;
    transition:.3s ease;
}

.custom-dropdown{
   display:block;
    opacity:0;
    visibility:hidden;
    transform:translateY(12px);

    transition:.3s ease;

    margin-top:0;
    min-width:300px;

    width:333px;
}

/* DESKTOP HOVER */

@media(min-width:992px){

    .services-dropdown:hover .custom-dropdown,
    .services-dropdown .custom-dropdown.show{

        opacity:1;
        visibility:visible;
        transform:translateY(0);

    }

    .services-dropdown:hover .dropdown-icon,
    .service-link[aria-expanded="true"] .dropdown-icon{

        transform:rotate(180deg);

    }

}

/* MOBILE */

@media(max-width:991px){

    .custom-dropdown{

        display:none;
        opacity:1;
        visibility:visible;
        transform:none;

        position:static;
        width:100%;
        margin-top:10px;

        border:none;
        box-shadow:none;
        background:rgba(255,255,255,.05);
    }

    .services-dropdown.show .custom-dropdown,
    .custom-dropdown.show{
        display:block;
    }

}


/* =+=+==+=+==+=+==+=+=+=+=++index intro==++=+==++=+=+=+=+=+=+=++=+=+=+=++=+ */


/* ====================================
   INTRO PREMIUM SECTION
==================================== */

.intro-subtitle{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#0b2d5b;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.intro-subtitle::before{
    content:"";
    width:40px;
    height:2px;
    background:#05cffc;
}


.company-intro{

    position:relative;

    padding:120px 0;

    background:#f7fbff;

    overflow:hidden;
}

.tech-grid{

    position:absolute;

    inset:0;

    background-image:

        linear-gradient(rgba(17,121,188,.08) 1px,transparent 1px),

        linear-gradient(90deg,rgba(17,121,188,.08) 1px,transparent 1px);

    background-size:60px 60px;

    opacity:.35;
}

.glow{

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    filter:blur(80px);
}

.glow1{

    top:-100px;

    left:-120px;

    background:#05cffc55;

}

.glow2{

    right:-100px;

    bottom:-120px;

    background:#0b7cf455;
}

.company-intro h2{

    font-size:32px;

    color:#1179bc;

    margin-bottom:25px;

    line-height:1.2;

    font-weight:600;
}

/* .company-intro h2 span{

    background:linear-gradient(90deg,#05cffc,#0b7cf4);

    -webkit-background-clip:text;

    color:transparent;
} */

.company-intro p{

    color:#5b6b80;

    /* line-height:1.9; */

    margin-bottom:35px;

    font-size:15px;
}

.feature-grid{

    display:flex;

    gap:18px;

    margin:40px 0;
}

.feature-card{

    flex:1;

    padding:25px 36px;

    border-radius:18px;

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

    backdrop-filter:blur(20px);

    border:1px solid rgba(5,207,252,.18);

    transition:.4s;
}

.feature-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(5,207,252,.18);
}

.icon-circle{

    width:65px;

    height:65px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#05cffc,#0b7cf4);

    color:#fff;

    font-size:26px;

    margin-bottom:18px;
}

.image-wrapper{

    position:relative;
}

.image-wrapper img{

    width:100%;

    border-radius:30px;

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

.ai-ring{

    position:absolute;

    border:2px dashed #05cffc66;

    border-radius:50%;

    animation:spin 20s linear infinite;
}

.ring1{

    width:520px;

    height:520px;

    left:-35px;

    top:-35px;
}

.ring2{

    width:430px;

    height:430px;

    left:15px;

    top:15px;

    animation-direction:reverse;
}

.floating-card{

    position:absolute;

    background:#fff;

    padding:12px 18px;

    border-radius:50px;

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

    font-weight:600;

    color:#1179bc;

    animation:float 4s ease-in-out infinite;
}

.card1{

    top:50px;

    right:-20px;
}

.card2{

    bottom:60px;

    left:-25px;
}

@keyframes spin{

    from{

        transform:rotate(0);
    }

    to{

        transform:rotate(360deg);
    }
}

@keyframes float{

    50%{

        transform:translateY(-12px);
    }
}

/* CLIENT CARD */

.client-card{
    position:absolute;
    right:-40px;
    top:360px;
    width:320px;
    background:#fff;
    border-radius:25px;
    padding:25px;
    display:flex;
    gap:20px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.client-icon{
    width:80px;
    height:80px;
    border-radius:20px;
    background:#1179bc;
    display:flex;
    align-items:center;
    justify-content:center;
}

.client-icon i{
    color:#fff;
    font-size:30px;
}

.client-card h3{
    color:#1179bc;
    font-size:46px;
}

.client-card h5{
    color:#0b2d5b;
}

/* GROWTH CARD */

.growth-card{
    position:absolute;
    bottom:-60px;
    left:140px;
    width:450px;
    overflow:hidden;
    border-radius:30px;
    background:
    linear-gradient(
        135deg,
        #041634,
        #082d6c
    );
    color:#fff;
    box-shadow:0 25px 60px rgba(0,0,0,.18);
}

.growth-top{
    padding:35px;
}

.growth-top h4{
    font-size:36px;
    margin-bottom:20px;
}

.growth-line{
    width:50px;
    height:3px;
    background:#05cffc;
    margin-bottom:25px;
}

.growth-top img{
    width:100%;
}

.growth-bottom{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(255,255,255,.15);
}

.growth-bottom div{
    text-align:center;
    padding:25px 15px;
}

.growth-bottom h3{
    color:#05cffc;
    font-size:40px;
}

.growth-bottom span{
    color:#dbeafe;
}

/* SHAPES */

.intro-shape{
    position:absolute;
    border-radius:50%;
}

.intro-shape-1{
    width:600px;
    height:600px;
    left:-250px;
    bottom:-250px;
    border:1px solid rgba(17,121,188,.08);
}

.intro-shape-2{
    width:800px;
    height:800px;
    right:-400px;
    top:-250px;
    border:1px solid rgba(17,121,188,.08);
}


.growth-card{
    position:absolute;
    bottom:-60px;
    left:140px;

    width:450px;

    overflow:hidden;

    border-radius:30px;

    background:linear-gradient(
    135deg,
    #041634,
    #082d6c);

    color:#fff;

    box-shadow:
    0 25px 60px rgba(0,0,0,.18);

    animation:floatCard 6s ease-in-out infinite;
}

.growth-top{
    padding:35px;
}

.growth-top h4{
    font-size:38px;
    line-height:1.3;
    margin-bottom:15px;
    font-weight:700;
}

.growth-line{
    width:55px;
    height:3px;
    background:#05cffc;
    margin-bottom:25px;
}

.growth-chart-image{
    width:100%;
    margin-top:15px;
}

.growth-chart-image img{
    width:100%;
    display:block;
    object-fit:contain;

    animation:zoomChart 6s ease-in-out infinite;
}

.growth-bottom{
    display:grid;
    grid-template-columns:repeat(3,1fr);

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

.growth-bottom div{
    padding:25px 10px;
    text-align:center;
}

.growth-bottom h3{
    color:#05cffc;
    font-size:42px;
    margin-bottom:5px;
    font-weight:700;
}

.growth-bottom span{
    color:#d7e9ff;
    font-size:14px;
}

@keyframes zoomChart{

    0%,100%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.03);
    }

}



/* +-+-+-+-+-+-+-+-+Documentation-+-++-+-+--+-+-+-+--+-+-+-+--+-+ */



.report-intro{
    position:relative;
    overflow:hidden;
    background:#fff;
}

.report-bg-circle{
    position:absolute;

    width:700px;
    height:700px;

    right:-300px;
    top:-250px;

    border-radius:50%;

    background:
    radial-gradient(
    rgba(17,121,188,.08),
    transparent 70%);
}

.report-bg-dots{
    position:absolute;

    width:180px;
    height:180px;

    left:0;
    bottom:60px;

    background-image:
    radial-gradient(
    #1179bc 2px,
    transparent 2px);

    background-size:20px 20px;

    opacity:.15;
}

.report-content h2{
    font-size:32px;
    line-height:1.2;
    color:#1179bc;
    margin-bottom:36px;
    font-weight:600;
}

.report-content p{
    font-size:15px;
    line-height:1.9;
    color:#64748b;
}

.report-checklist{
    margin-top:35px;
}

.report-checklist div{
    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:18px;

    font-size:17px;
    font-weight:600;

    color:#0b2d5b;
}

.report-checklist i{
    color:#05cffc;
}

.report-showcase{
    position:relative;
    min-height:650px;
}

.report-main-image{
    border-radius:35px;
    overflow:hidden;

    box-shadow:
    0 30px 80px rgba(0,0,0,.12);
}

.report-main-image img{
    width:100%;
    height:600px;
    object-fit:cover;
}

.report-card{
    position:absolute;

    background:#fff;

    padding:25px;

    border-radius:25px;

    display:flex;
    align-items:center;
    gap:18px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.12);
}

.report-card-1{
    right:-30px;
    top:120px;
}

.report-card-2{
    left:60px;
    bottom:-30px;
}

.card-icon{
    width:70px;
    height:70px;

    border-radius:18px;

    background:
    linear-gradient(
    135deg,
    #1179bc,
    #05cffc);

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

.card-icon i{
    color:#fff;
    font-size:28px;
}

.report-card h3{
    color:#1179bc;
    font-size:38px;
    margin:0;
}

.report-card span{
    color:#0b2d5b;
    font-weight:600;
}




/* ==================================
   REPORTING SOLUTIONS
================================== */

.reporting-solutions{
    padding:110px 0;
    background:#f8fbff;
    position:relative;
    overflow:hidden;
}

.reporting-solutions::before{
    content:"";

    position:absolute;

    width:500px;
    height:500px;

    top:-250px;
    right:-250px;

    border-radius:50%;

    background:
    radial-gradient(
    rgba(5,207,252,.08),
    transparent 70%);
}

.report-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;
}

.report-service-card{

    position:relative;

    background:#fff;

    padding:40px;

    border-radius:30px;

    overflow:hidden;

    box-shadow:
    0 15px 40px rgba(0,0,0,.06);

    transition:.4s ease;
}

.report-service-card:hover{

    transform:
    translateY(-12px);

    box-shadow:
    0 25px 60px rgba(17,121,188,.15);
}

.report-service-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:
    linear-gradient(
    90deg,
    #05cffc,
    #1179bc);
}

.report-number{

    position:absolute;

    top:15px;
    right:25px;

    font-size:70px;

    font-weight:700;

    color:
    rgba(17,121,188,.08);

    line-height:1;
}

.report-icon{

    width:85px;
    height:85px;

    border-radius:22px;

    background:
    linear-gradient(
    135deg,
    #1179bc,
    #05cffc);

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

    margin-bottom:25px;
}

.report-icon i{

    color:#fff;
    font-size:34px;
}

.report-service-card h4{

    color:#0b2d5b;

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;
}

.report-service-card p{

    color:#64748b;

    line-height:1.8;
}






/*======================================
Documentation CTA
======================================*/

.docs-cta-section{

    position:relative;
    padding:90px 40px;
    overflow:hidden;

}

.docs-cta-content{

    position:relative;

    max-width:1180px;

    margin:auto;

    background:linear-gradient(135deg,#071b3b,#14396b);

    border-radius:35px;

    padding:90px 80px;

    text-align:center;

    overflow:hidden;

    box-shadow:0 30px 70px rgba(0,0,0,.20);

}

/* Decorative Circles */

.docs-cta-circle{

    position:absolute;

    border-radius:50%;

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

}

.docs-circle-1{

    width:320px;
    height:320px;

    left:-120px;
    bottom:-120px;

}

.docs-circle-2{

    width:260px;
    height:260px;

    top:-80px;
    right:-80px;

    background:rgba(58,136,255,.10);

}

.docs-circle-3{

    width:120px;
    height:120px;

    top:45%;
    right:26%;

    background:rgba(5,207,252,.08);

}

/* Dot Pattern */

.docs-dot{

    position:absolute;

    width:120px;
    height:90px;

    background-image:radial-gradient(#2d90ff 2px,transparent 2px);

    background-size:18px 18px;

    opacity:.22;

}

.dots-left{

    left:80px;
    top:100px;

}

.dots-right{

    right:80px;
    bottom:70px;

}

/* Heading */

.docs-cta-tag{

    display:inline-block;

    color:#05cffc;

    letter-spacing:2px;

    font-size:13px;

    font-weight:700;

    margin-bottom:20px;

    text-transform:uppercase;

}

.docs-cta-content h2{

    color:#fff;

    font-size:44px;

    line-height:1.15;

    margin-bottom:25px;

    font-weight:600;

}

.docs-cta-content h2 span{

    color:#05cffc;

}

.docs-cta-content p{

    max-width:760px;

    margin:auto;

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

    line-height:1.9;

    font-size:15px;

}

/* Buttons */

/* .docs-cta-buttons{

    margin-top:45px;

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

    cursor: pointer;

}

.docs-btn-primary{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:18px 38px;

    background:#fff;

    color:#0b2d5b;

    text-decoration:none;

    border-radius:60px;

    font-weight:600;

    transition:.4s;

    cursor: pointer;

}

.docs-btn-primary:hover{

    transform:translateY(-6px);

    color:#0b2d5b;

    box-shadow:0 20px 35px rgba(255,255,255,.18);
    background: #041634;

}

.docs-btn-primary i{

    transition:.35s;

}

.docs-btn-primary:hover i{

    transform:translateX(6px);

}

.docs-btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 38px;

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

    color:#fff;

    border-radius:60px;

    text-decoration:none;

    transition:.35s;

}

.docs-btn-outline:hover{

    background:#05cffc;

    border-color:#05cffc;

    color:#fff;

} */

/* Floating animation */

.docs-cta-content::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(120deg,
    transparent 40%,
    rgba(255,255,255,.06) 50%,
    transparent 60%);

    animation:shine 7s linear infinite;

}

@keyframes shine{

    from{

        transform:translateX(-120%);

    }

    to{

        transform:translateX(120%);

    }

}


/* =-=-=-=-=-==-=-=-=-=-CAPITAL===-=-=-=-=--=-=-=-=-===-=-=-=-=-=-=-= */

/*==============================
Capital Hero
==============================*/

.capital-hero{

    position:relative;

    padding:140px 0 120px;

    overflow:hidden;

    background:#f8fbff;

}

.capital-content{

    position:relative;

    z-index:2;

}



.capital-content h1{

    font-size:32px;

    line-height:1.1;

    font-weight:600;

    color:#1179bc;

    margin-bottom:25px;

}

.capital-content h1 span{

    color:#1179bc;

}

.capital-content p{

    font-size:18px;

    color:#667085;

    line-height:1.9;

    max-width:580px;

}

.capital-buttons{

    margin-top:40px;

    display:flex;

    gap:18px;

}

.capital-btn{

    padding:18px 34px;

    border-radius:50px;

    background:#1179bc;

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.4s;

}

.capital-btn:hover{

    background:#0b2d5b;

    color:#fff;

    transform:translateY(-5px);

}

.capital-btn-outline{

    padding:18px 34px;

    border-radius:50px;

    border:2px solid #1179bc;

    color:#1179bc;

    text-decoration:none;

    font-weight:600;

    transition:.4s;

}

.capital-btn-outline:hover{

    background:#1179bc;

    color:#fff;

}

/* Image */

.capital-image-wrapper{

    position:relative;

}

.capital-main-img{

    width:100%;

    border-radius:35px;

    box-shadow:0 35px 70px rgba(0,0,0,.15);

}

/* Floating Cards */

/*==================================
Capital About
==================================*/

.capital-about{

    padding:110px 0;

    background:#fff;
}

.capital-image{

    position:relative;

    overflow:hidden;

    border-radius:24px;
}

.capital-image img{

    width:100%;

    display:block;

    border-radius:24px;

    transition:.45s;
}

.capital-image:hover img{

    transform:scale(1.05);
}

/* Floating Badge */

.capital-badge{

    position:absolute;

    right:25px;

    bottom:25px;

    width:190px;

    background:#27AAE1;

    color:#fff;

    text-align:center;

    padding:25px;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(39,170,225,.25);
}

.capital-badge span{

    display:block;

    font-size:42px;

    font-weight:700;

    margin-bottom:8px;
}

.capital-badge p{

    margin:0;

    font-size:15px;

    line-height:24px;
}

/* Content */

.capital-content{

    padding-left:35px;
}

.capital-content h2{

    font-size:32px;

    color:#1179bc;

    font-weight:600;

    margin:20px 0;
}

.capital-content p{

    color:#667085;

    font-size:15px;

    /* line-height:31px; */

    margin-bottom:35px;
}

/* Feature List */

.capital-feature-list{

    display:flex;

    flex-direction:column;

    gap:20px;
}

.capital-feature-list .feature-box{

    display:flex;

    gap:18px;

    padding:22px;

    border-radius:16px;

    background:#F8FBFF;

    transition:.35s;
}

.capital-feature-list .feature-box:hover{

    background:#EEF7FF;

    transform:translateX(8px);
}

.capital-feature-list .feature-icon{

    width:62px;

    height:62px;

    flex-shrink:0;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#27AAE1,#0B5EA9);

    color:#fff;

    font-size:24px;
}

.capital-feature-list h5{

    font-size:21px;

    font-weight:700;

    color:#081C3A;

    margin-bottom:8px;
}

.capital-feature-list p{

    margin:0;

    color:#667085;

    line-height:28px;
}



/*====================================================
  CAPITAL PROCESS SECTION
====================================================*/

/*==================================================
TECHNOLOGY DRIVEN CAPITAL INTELLIGENCE
==================================================*/

.capital-tech-section{

    position:relative;
    padding:130px 0;
    overflow:hidden;
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);

}

/*=========================
Background
=========================*/

.tech-grid-bg{

    position:absolute;
    inset:0;

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

    background-size:45px 45px;

    pointer-events:none;

}

.tech-glow{

    position:absolute;
    border-radius:50%;
    filter:blur(90px);
    z-index:0;

}

.tech-glow-one{

    width:420px;
    height:420px;

    background:#05cffc;

    left:-180px;
    top:-120px;

    opacity:.15;

}

.tech-glow-two{

    width:380px;
    height:380px;

    background:#1179bc;

    right:-150px;
    bottom:-150px;

    opacity:.12;

}

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

.capital-tech-heading{

    max-width:820px;
    margin:0 auto 90px;
    position:relative;
    z-index:10;

}

.capital-tech-tag{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:10px 22px;

    border-radius:40px;

    background:rgba(5,207,252,.08);

    border:1px solid rgba(5,207,252,.20);

    color:#1179bc;

    font-size:13px;
    font-weight:700;
    letter-spacing:2px;

}

.capital-tech-heading h2{

    margin-top:22px;
    margin-bottom:20px;

    font-size:54px;
    font-weight:800;

    color:#0B2D5B;

    line-height:1.2;

}

.capital-tech-heading h2 span{

    color:#1179bc;

}

.capital-tech-heading p{

    font-size:18px;
    color:#667085;
    line-height:1.9;

}

/*=========================
Main Layout
=========================*/

.capital-tech-wrapper{

    display:grid;

grid-template-columns:300px 520px 300px;
justify-content:center;
column-gap:60px;
    gap:40px;

    align-items:center;

    position:relative;
    z-index:2;
        margin-top:511px;


}

.capital-tech-column{

    display:flex;
    flex-direction:column;
    gap:28px;

}

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

.capital-tech-card{

    position:relative;

    display:flex;
    gap:18px;

    align-items:flex-start;

    padding:22px;
min-height:170px;

    border-radius:26px;

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

    backdrop-filter:blur(15px);

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

    box-shadow:

    0 25px 60px rgba(0,0,0,.06);

    transition:.45s;

    overflow:hidden;

}

.capital-tech-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:5px;
    height:100%;

    background:linear-gradient(#05cffc,#1179bc);

    transition:.35s;

}

.capital-tech-card:hover{

    transform:translateY(-10px);

    box-shadow:

    0 35px 80px rgba(17,121,188,.18);

}

.capital-tech-card:hover::before{

    width:8px;

}

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

.tech-icon{

    width:74px;
    height:74px;

    border-radius:22px;

    background:linear-gradient(135deg,#1179bc,#05cffc);

    color:#fff;

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

    font-size:28px;

    flex-shrink:0;

    transition:.4s;

}

.capital-tech-card:hover .tech-icon{

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

}

.tech-content h4{

    font-size:23px;

    color:#0B2D5B;

    margin-bottom:10px;

}

.tech-content p{

    color:black;

    line-height:1.8;

    margin:0;

}

/*=========================
Dashboard
=========================*/

.capital-dashboard{

    width:520px;
    height:520px;

    margin:auto;

    position:relative;

}

.capital-dashboard img{

    width:100%;
    height:100%;

    object-fit:cover;

    border-radius:30px;

}

/* Rings */

.dashboard-ring{

    position:absolute;

    border-radius:50%;

    border:2px dashed rgba(17,121,188,.18);

    animation:ringRotate 18s linear infinite;

}

.ring1{

    width:540px;
    height:540px;

}

.ring2{

    width:640px;
    height:640px;

    animation-direction:reverse;

    opacity:.6;

}

/*=========================
Widgets
=========================*/

.widget{

    position:absolute;

    display:flex;
    align-items:center;
    gap:10px;

    padding:14px 20px;

    border-radius:18px;

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

    backdrop-filter:blur(10px);

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

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

    z-index:10;

}

.widget i{

    color:#1179bc;
    font-size:20px;

}

.widget span{

    font-weight:700;
    color:#0B2D5B;

}

.widget-one{

    top:60px;
    right:-20px;

}

.widget-two{

    left:-20px;
    top:260px;

    animation-delay:1s;

}

.widget-three{

    bottom:60px;
    right:40px;

    animation-delay:2s;

}

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

@keyframes floatWidget{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}

@keyframes ringRotate{

from{

transform:rotate(0deg);

}

to{

transform:rotate(360deg);

}

}

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

@media(max-width:1200px){

.capital-tech-wrapper{

grid-template-columns:280px 1fr 280px;

gap:25px;

}

.capital-tech-heading h2{

font-size:46px;

}

}

@media(max-width:991px){

.capital-tech-wrapper{

grid-template-columns:1fr;

}

.capital-dashboard{

order:-1;
min-height:auto;
margin-bottom:60px;

}

.dashboard-ring{

display:none;

}

.capital-tech-column{

gap:20px;

}

.widget{

position:relative;

top:auto;
left:auto;
right:auto;
bottom:auto;

margin:15px auto;

width:max-content;

}

}

@media(max-width:767px){

.capital-tech-section{

padding:80px 0;

}

.capital-tech-heading{

margin-bottom:60px;

}

.capital-tech-heading h2{

font-size:34px;

}

.capital-tech-heading p{

font-size:16px;

}

.capital-tech-card{

padding:22px;

}

.tech-icon{

width:60px;
height:60px;

font-size:22px;

}

.tech-content h4{

font-size:20px;

}

.capital-dashboard img{

max-width:100%;

}

}





/* -++-+--+-+--+-+----++--++TECHNOLOGY--+-+-++---+-+-+-+-+----+-+-+--+ */
 



/*==========================================
Technology About
==========================================*/

.technology-about{

    padding:100px 0;
}

.technology-image{

    overflow:hidden;

    border-radius:20px;
}

.technology-image img{

    width:100%;

    border-radius:20px;

    transition:.5s;
}

.technology-image:hover img{

    transform:scale(1.05);
}

.intro-subtitle{

    display:inline-block;

    color:#27AAE1;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:17px;

    text-transform:uppercase;

    font-size:14px;
}

.technology-content h2{

    font-size:32px;

    font-weight:700;

    margin-bottom:25px;

    color:#1179bc;
}

.technology-content p{

    font-size:15px;

    color:#64748b;

    line-height:32px;

    margin-bottom:35px;

    text-align: justify;
}

.technology-features{

    display:flex;

    flex-direction:column;

    gap:18px;
}

.feature{

    display:flex;

    align-items:center;

    font-size:16px;

    font-weight:600;
}

.feature i{

    color:#27AAE1;

    margin-right:12px;

    font-size:15px;
}




/*==================================
Technology Services
===================================*/

.technology-services{

    padding:100px 0;

    background:#f8fbff;
}

.section-title{

    max-width:760px;

    margin:auto;
}

.section-title h2{

    font-size:32px;

    font-weight:600;

    color:#1179bc;

    margin:15px 0 20px;
}

/* .section-title p{

    color:#6c757d;

    font-size:16px;

    line-height:30px;
} */

.tech-card{

    background:#fff;

    padding:40px 30px;

    border-radius:18px;

    text-align:center;

    height:100%;

    transition:.35s;

    border:1px solid #eef2f7;

    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.tech-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

    border-color:#27AAE1;
}

.tech-icon{

    width:85px;

    height:85px;

    border-radius:50%;

    margin:auto;

    background:linear-gradient(135deg,#27AAE1,#0A5AA8);

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:25px;

    transition:.35s;
}

.tech-card:hover .tech-icon{

    transform:rotateY(180deg);
}

.tech-icon i{

    color:#fff;

    font-size:34px;
}

.tech-card h4{

    font-size:22px;

    margin-bottom:15px;

    color:#0B1F39;

    font-weight:600;
}

.tech-card p{

    color:#6b7280;

    line-height:28px;

    margin-bottom:0;

    font-size: 15px;

    margin: 36px;
}




/*==================================
Digital Transformation
===================================*/

.digital-transformation{

    padding:100px 0;
}

.digital-content h2{

    font-size:32px;

    font-weight:600;

    margin:18px 0 25px;

    color:#1179bc;
}

.digital-content p{

    color:#666;

    line-height:30px;

    margin-bottom:40px;

    font-size: 15px;

    text-align: justify;
}

.feature-list{

    display:flex;

    flex-direction:column;

    gap:25px;
}

.feature-item{

    display:flex;

    align-items:flex-start;

    gap:20px;
}

.feature-icon{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#27AAE1;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    flex-shrink:0;

    transition:.3s;

    margin-right: 33px;
}

.feature-item:hover .feature-icon{

    background:#0B1F39;

    transform:rotate(10deg);
}

.feature-icon i{

    font-size:24px;
}

.feature-text h5{

    margin-bottom:8px;

    color:#0B1F39;

    font-size:20px;

    font-weight:700;
}

.feature-text p{

    margin:0;

    color:#666;

    line-height:28px;
}

.digital-image{

    position:relative;

    overflow:hidden;

    border-radius:20px;
}

.digital-image img{

    width:100%;

    border-radius:20px;

    display:block;
}

.experience-card{

    position:absolute;

    right:25px;

    bottom:25px;

    background:#27AAE1;

    color:#fff;

    padding:25px 30px;

    border-radius:16px;

    text-align:center;

    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.experience-card h3{

    font-size:42px;

    margin-bottom:8px;

    font-weight:700;
}

.experience-card span{

    font-size:15px;

    display:block;

    line-height:24px;
}





/*==================================
Technology CTA
===================================*/

.technology-cta{

    position:relative;

    padding:110px 0;

    background:
        linear-gradient(rgba(8,25,50,.82),
        rgba(8,25,50,.82)),
        url("../img/technology/cta-bg.jpg") center center/cover no-repeat;

    overflow:hidden;
}

.technology-cta::before{

    content:"";

    position:absolute;

    top:-120px;

    right:-120px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(39,170,225,.12);

    filter:blur(20px);
}

.technology-cta::after{

    content:"";

    position:absolute;

    bottom:-120px;

    left:-120px;

    width:280px;

    height:280px;

    border-radius:50%;

    background:rgba(39,170,225,.08);

    filter:blur(20px);
}

.cta-content{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:auto;

    text-align:center;
}

.cta-subtitle{

    display:inline-block;

    color:#27AAE1;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:20px;
}

.cta-content h2{

    color:#fff;

    font-size:48px;

    font-weight:700;

    line-height:1.3;

    margin-bottom:25px;
}

.cta-content p{

    color:#d7dce5;

    font-size:18px;

    line-height:32px;

    margin-bottom:40px;
}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;
}



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

.tech-ecosystem-section .section-title{

    max-width:760px;
    margin:0 auto 80px;

}

.tech-ecosystem-section .intro-subtitle{

    display:inline-block;

    padding:8px 18px;

    background:#e9f9ff;

    color:#1179bc;

    border-radius:40px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    margin-bottom:18px;

}

.tech-ecosystem-section h2{

    font-size:50px;

    color:#0B2D5B;

    margin-bottom:20px;

    line-height:1.2;

}

.tech-ecosystem-section h2 span{

    color:#1179bc;

}

.tech-ecosystem-section p{

    color:#64748b;

    line-height:1.9;

}

/*==============================
Wrapper
==============================*/

.ecosystem-wrapper{

    position:relative;

    width:760px;
    height:760px;

    margin:auto;

}

/*==============================
Center Hub
==============================*/

.eco-center{

    position:absolute;

    left:50%;
    top:50%;

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

    width:240px;
    height:240px;

    border-radius:50%;

    background:linear-gradient(135deg,#1179bc,#05cffc);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    color:#fff;

    text-align:center;

    box-shadow:

    0 25px 60px rgba(17,121,188,.35);

    animation:pulseHub 4s infinite;

    z-index:5;

}

.center-circle{

    width:80px;
    height:80px;

    border-radius:50%;

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

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:18px;

}

.center-circle i{

    font-size:36px;

}

.eco-center h3{

    font-size:28px;

    margin-bottom:10px;

}

.eco-center p{

    color:#fff;

    font-size:15px;

}

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

.eco-card{

    position:absolute;

    width:190px;

    background:#fff;

    border-radius:22px;

    padding:22px;

    text-align:center;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:.35s;

    animation:floatCard 5s infinite ease-in-out;

}

.eco-card:hover{

    transform:translateY(-10px);

    box-shadow:0 30px 60px rgba(17,121,188,.18);

}

.eco-icon{

    width:72px;
    height:72px;

    border-radius:20px;

    margin:0 auto 18px;

    background:linear-gradient(135deg,#1179bc,#05cffc);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:28px;

    transition:.35s;

}

.eco-card:hover .eco-icon{

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

}

.eco-card h4{

    color:#0B2D5B;

    font-size:20px;

    margin:0;

}

/*==============================
Card Positions
==============================*/

.eco-top{

    left:50%;
    top:0;

    transform:translateX(-50%);

}

.eco-left{

    left:0;

    top:50%;

    transform:translateY(-50%);

}

.eco-right{

    right:0;

    top:50%;

    transform:translateY(-50%);

}

.eco-bottom-left{

    left:120px;

    bottom:0;

}

.eco-bottom-right{

    right:120px;

    bottom:0;

}

/*==============================
Connector Lines
==============================*/

.ecosystem-wrapper::before{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:520px;
    height:520px;

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

    border:2px dashed rgba(17,121,188,.18);

    border-radius:50%;

}

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

@keyframes pulseHub{

0%{

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

}

50%{

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

}

100%{

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

}

}

@keyframes floatCard{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

}

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

@media(max-width:991px){

.ecosystem-wrapper{

width:100%;
height:auto;

display:grid;

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

gap:25px;

}

.eco-center{

position:relative;

left:auto;
top:auto;

transform:none;

margin:0 auto 20px;

grid-column:1/3;

}

.eco-card{

position:relative;

left:auto;
right:auto;
top:auto;
bottom:auto;

width:100%;

transform:none !important;

animation:none;

}

.ecosystem-wrapper::before{

display:none;

}

}

@media(max-width:767px){

.tech-ecosystem-section{

padding:80px 0;

}

.tech-ecosystem-section h2{

font-size:34px;

}

.ecosystem-wrapper{

grid-template-columns:1fr;

}

.eco-center{

grid-column:auto;

width:210px;
height:210px;

}

.eco-card{

padding:20px;

}

}



/* ==================CLIENTS======================== */


/* ==========================
   CLIENTS SECTION
========================== */
.clients-section {
    padding: 80px 0;
    background: #ffffff;
    border-bottom: 1px solid #e5edf5;
}

.clients-section .section-header {
    margin-bottom: 40px;
}

.clients-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.client-logo {
    flex: 0 1 220px; 
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    /* background: #f8fbff; */
    border-radius: 16px;
    /* border: 1px solid rgba(17, 121, 188, 0.08); */
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

.client-logo img {
    max-width: 100%;
    height: auto;
    max-height: 80px; 
    /* Grayscale by default, full color on hover for a clean look */
    /* filter: grayscale(100%) opacity(0.6); */
    transition: all 0.4s ease;
}

.client-logo:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(17, 121, 188, 0.12);
}

.client-logo:hover img {
    filter: grayscale(0%) opacity(1);
}

/* Responsive Rules for Mobile */
@media (max-width: 768px) {
    .clients-section {
        padding: 60px 0;
    }
    .clients-grid {
        gap: 20px;
    }
    .client-logo {
        flex: 0 1 160px;
        padding: 15px;
    }
    .client-logo img {
        max-height: 60px;
    }
}






/* ===============Reporting & Reviews============================== */


/*==================================
Reporting About
===================================*/

.reporting-about{

    padding:100px 0;
}

.reporting-image{

    overflow:hidden;

    border-radius:20px;
}

.reporting-image img{

    width:100%;

    border-radius:20px;

    transition:.4s;

    margin-top: 8px;
}

.reporting-image:hover img{

    transform:scale(1.05);
}

.reporting-content h2{

    font-size:32px;

    color:#1179bc;

    font-weight:600;

    margin:0px 0 16px;
}

.reporting-content p{

    color:#6b7280;

    /* line-height:30px; */

    margin-bottom:35px;

    font-size:15px;
}

.reporting-features{

    display:grid;

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

    gap:18px;
}

.reporting-features .feature{

    display:flex;

    align-items:center;

    gap:12px;

    font-weight:600;

    color:#0B1F39;
}

.reporting-features i{

    width:35px;

    height:35px;

    background:#27AAE1;

    color:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.3s;
}

.reporting-features .feature:hover i{

    background:#0B1F39;

    transform:rotate(10deg);
}






/*======================================
Reporting Services Section
======================================*/

.reporting-services-section{

    position:relative;

    padding:120px 0;

    background:#f8fbff;

    overflow:hidden;
}

/* Decorative Background */

.bg-circle{

    position:absolute;

    border-radius:50%;

    background:rgba(39,170,225,.08);

    z-index:0;
}

.bg-circle-1{

    width:320px;

    height:320px;

    top:-120px;

    right:-120px;
}

.bg-circle-2{

    width:250px;

    height:250px;

    bottom:-80px;

    left:-80px;
}

/* Dots */

.dot-pattern{

    position:absolute;

    width:170px;

    height:170px;

    background-image:radial-gradient(#27AAE1 1.5px,transparent 1.5px);

    background-size:18px 18px;

    opacity:.18;
}

.dot-left{

    left:0;

    top:220px;
}

.dot-right{

    right:0;

    bottom:150px;
}


.section-header{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:auto;
}

/* .section-subtitle{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    color:#1a73e8;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    margin-bottom:20px;
} */

/* .section-subtitle span{

    width:70px;

    height:2px;

    background:#1a73e8;
} */

.section-title{

    font-size:56px;

    font-weight:800;

    color:#081C3A;

    margin-bottom:18px;
}

.title-divider{

    width:130px;

    height:4px;

    border-radius:30px;

    background:linear-gradient(90deg,#1a73e8,#62b7ff);

    margin:0 auto 25px;
}

.section-header p{

    font-size:18px;

    color:#667085;

    line-height:32px;
}




.service-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:35px;

    height:100%;

    box-shadow:0 15px 45px rgba(0,0,0,.06);

    transition:.35s;

    overflow:hidden;

    z-index:2;
}

.service-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(39,170,225,.18);
}

/* Blue Top Bar */

.card-top-line{

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:180px;

    height:6px;

    border-radius:0 0 20px 20px;

    background:linear-gradient(90deg,#1a73e8,#0055cc);
}

/* Number */

.card-number{

    position:absolute;

    right:20px;

    top:18px;

    width:54px;

    height:54px;

    background:#eef5ff;

    border-radius:14px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:26px;

    font-weight:700;

    color:#1a73e8;
}




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

.service-icons{

    width:70px;
    height:70px;

    border-radius:50%;

    background:linear-gradient(135deg,#1a73e8,#0055cc);

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

    color:#fff;

    font-size:27px;

    margin-bottom:28px;

    box-shadow:0 10px 25px rgba(26,115,232,.30);

    transition:.35s;
}

.service-card:hover .service-icons{

    transform:rotate(-10deg) scale(1.08);

    box-shadow:0 18px 35px rgba(26,115,232,.35);
}

/*========================*/

.service-card h4{

    font-size:22px;

    font-weight:600;

    color:#081C3A;

    margin-bottom:18px;

    /* line-height:1.3; */
}

.service-card p{

    color:#5d6778;

    font-size:15px;

    line-height:30px;

    margin-bottom:28px;

    text-align: justify;
}

/*========================*/

.card-divider{

    width:100%;

    height:1px;

    background:#dfe8f5;

    margin-bottom:25px;
}

.service-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#1a73e8;

    font-weight:700;

    text-decoration:none;

    transition:.3s;
}

.service-link i{

    transition:.3s;
}

.service-link:hover{

    color:#081C3A;
}

.service-link:hover i{

    transform:translateX(8px);
}

/*========================*/

.card-dots{

    position:absolute;

    right:25px;

    bottom:25px;

    width:70px;

    height:70px;

    opacity:.18;

    background-image:radial-gradient(#1a73e8 1.5px,transparent 1.5px);

    background-size:12px 12px;
}

/*========================*/

.report-wave{

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    line-height:0;
}

.report-wave svg{

    width:100%;

    height:120px;
}





/* ======================Internal Control & Process Excellence====================== */

/*==================================
About Internal Control
==================================*/

.internal-about{

    position:relative;

    padding:110px 0;

    background:#fff;
}

.internal-image{

    position:relative;

    overflow:hidden;

    border-radius:25px;
}

.internal-image img{

    width:100%;

    border-radius:25px;

    display:block;

    transition:.45s;
}

.internal-image:hover img{

    transform:scale(1.05);
}

/* Experience Box */

.experience-box{

    position:absolute;

    right:25px;

    bottom:25px;

    width:180px;

    background:#27AAE1;

    color:#fff;

    padding:25px;

    border-radius:18px;

    text-align:center;

    box-shadow:0 20px 45px rgba(39,170,225,.25);
}

.experience-box span{

    display:block;

    font-size:42px;

    font-weight:700;

    margin-bottom:8px;
}

.experience-box p{

    margin:0;

    font-size:15px;

    line-height:24px;
}

/* Content */

.internal-content{

    padding-left:35px;
}

.internal-content h2{

    font-size:32px;

    font-weight:600;

    color:#1179bc;

    margin:20px 0;
}

.internal-content>p{

    color:#6b7280;

    font-size:17px;

    line-height:31px;

    margin-bottom:40px;
}

/* Features */

.internal-feature-list{

    display:flex;

    flex-direction:column;

    gap:22px;
}

.feature-box{

    display:flex;

    gap:20px;

    align-items:flex-start;

    background:#f8fbff;

    padding:22px;

    border-radius:16px;

    transition:.35s;
}

.feature-box:hover{

    transform:translateX(10px);

    background:#eef7ff;
}

.feature-box .feature-icon{

    width:65px;

    height:65px;

    border-radius:16px;

    background:linear-gradient(135deg,#27AAE1,#0054b8);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:24px;

    flex-shrink:0;
}

.feature-box h5{

    font-size:22px;

    color:#081C3A;

    margin-bottom:8px;

    font-weight:700;
}

.feature-box p{

    margin:0;

    color:#6b7280;

    line-height:28px;
}




/*==================================================
 Internal Control Services
==================================================*/

.internal-services{
    position:relative;
    padding:120px 0 170px;
    background:linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
    overflow:hidden;
    z-index:1;
}

/*==========================
 Background Shapes
==========================*/

.shape-left{

    position:absolute;

    left:-260px;

    top:-180px;

    width:520px;

    height:520px;

    border-radius:50%;

    opacity:.18;

    background:
    repeating-radial-gradient(
        circle,
        transparent 0,
        transparent 14px,
        rgba(39,170,225,.25) 15px,
        rgba(39,170,225,.25) 16px
    );
}

.shape-right{

    position:absolute;

    top:120px;

    right:-70px;

    width:170px;

    height:170px;

    border-radius:50%;

    background:rgba(39,170,225,.10);
}

/*==========================
 Dot Pattern
==========================*/

.dot-pattern{

    position:absolute;

    width:190px;

    height:190px;

    background-image:
        radial-gradient(#27AAE1 1.8px,transparent 1.8px);

    background-size:18px 18px;

    opacity:.18;
}

.dot-left{

    left:-35px;

    bottom:90px;
}

.dot-right{

    right:25px;

    top:80px;
}

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

.section-header{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;
}

/* .section-subtitle{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    color:#1A73E8;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;
} */

/* .section-subtitle span{

    width:75px;

    height:2px;

    background:#1A73E8;
} */

.section-header h2{

    margin-top:7px;

    font-size:32px;

    line-height:1.15;

    font-weight:600;

    color:#1179bc;

    margin-bottom: 27px;
}

.heading-line{

    width:140px;

    height:4px;

    margin:25px auto;

    border-radius:50px;

    background:linear-gradient(90deg,#1A73E8,#6CB9FF);
}

.section-header p{

    font-size:15px;

    /* line-height:34px; */

    color:#5F6C7B;

    max-width:823px;

    margin:auto;
}



/*==================================================
 Service Card
==================================================*/

.service-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:38px;

    height:100%;

    overflow:hidden;

    transition:.35s;

    box-shadow:
        0 18px 45px rgba(0,0,0,.07);

    border:1px solid #edf2fb;
}

.service-card:hover{

    transform:translateY(-12px);

    box-shadow:
        0 28px 60px rgba(39,170,225,.18);
}

/* Blue Top Accent */

.card-top{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    top:0;

    width:190px;

    height:6px;

    background:linear-gradient(90deg,#1A73E8,#0057d8);

    border-radius:0 0 18px 18px;
}

/* Number Badge */

.card-number{

    position:absolute;

    top:16px;

    right:16px;

    width:62px;

    height:62px;

    border-radius:16px;

    background:#F2F6FD;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:20px;

    font-weight:700;

    color:#1A73E8;
}


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

.service-icons{

    width:70px;

    height:70px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:28px;

    background:linear-gradient(135deg,#1A73E8,#0057d8);

    color:#fff;

    font-size:27px;

    border:6px solid #EDF4FF;

    box-shadow:0 12px 28px rgba(39,170,225,.28);

    transition:.35s;
}

.service-card:hover .service-icons{

    transform:rotate(-8deg) scale(1.08);
}





.service-card h4{

    font-size:22px;

    line-height:1.35;

    color:#081C3A;

    font-weight:600;

    margin-bottom:18px;
}

.service-card p{

    color:#5F6C7B;

    line-height:32px;

    font-size:15px;

    margin-bottom:28px;

    text-align: justify;
}

.card-divider{

    width:100%;

    height:1px;

    background:#D9E7F6;

    margin-bottom:22px;
}

.service-btn{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#1A73E8;

    text-decoration:none;

    font-weight:700;

    transition:.35s;
}

.service-btn:hover{

    color:#081C3A;
}

.service-btn i{

    transition:.35s;
}

.service-btn:hover i{

    transform:translateX(8px);
}




/*==================================================
 Decorative Dots
==================================================*/

.mini-dots{

    position:absolute;

    right:22px;

    bottom:20px;

    width:70px;

    height:70px;

    background-image:
    radial-gradient(#1A73E8 1.5px,transparent 1.5px);

    background-size:12px 12px;

    opacity:.18;
}

/*==================================================
 Bottom Wave
==================================================*/

.section-wave{

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    line-height:0;
}

.section-wave svg{

    width:100%;

    height:150px;

    display:block;
}

.section-wave path{

    fill:#1A73E8;
}






/* Soft shadow on heading */
.section-header h2{
    text-shadow:0 4px 18px rgba(8,28,58,.06);
}

/* Smooth card border transition */
.service-card{
    border:1px solid #edf2fb;
}

.service-card:hover{
    border-color:#27AAE1;
}

/* Slight icon glow on hover */
.service-card:hover .service-icons{
    box-shadow:0 16px 36px rgba(39,170,225,.35);
}




/* =================BPO & Managed Services================ */

/*==================================
BPO About
==================================*/

.bpo-about{

    padding:110px 0;

    background:#fff;
}

.bpo-image{

    position:relative;

    overflow:hidden;

    border-radius:24px;
}

.bpo-image img{

    width:100%;

    display:block;

    border-radius:24px;

    transition:.45s;
}

.bpo-image:hover img{

    transform:scale(1.05);
}

/* Floating Badge */

.bpo-badge{

    position:absolute;

    right:25px;

    bottom:25px;

    width:170px;

    background:#27AAE1;

    color:#fff;

    text-align:center;

    padding:20px;

    border-radius:18px;

    box-shadow:0 20px 45px rgba(39,170,225,.25);
}

.bpo-badge span{

    display:block;

    font-size:40px;

    font-weight:700;

    margin-bottom:6px;
}

.bpo-badge p{

    margin:0;

    line-height:24px;

    font-size:15px;
}

/* Content */

.bpo-content{

    padding-left:35px;
}

.bpo-content h2{

    font-size:32px;

    color:#1179bc;

    margin:20px 0;

    font-weight:600;
}

.bpo-content  p{

    color:#667085;

    /* line-height:31px; */

    margin-bottom:35px;

    font-size:15px;
    text-align: justify;


}

/* Feature List */

.bpo-feature-list{

    display:flex;

    flex-direction:column;

    gap:20px;
}

.bpo-feature-list .feature-box{

    display:flex;

    gap:18px;

    padding:22px;

    border-radius:16px;

    background:#F8FBFF;

    transition:.35s;
}

.bpo-feature-list .feature-box:hover{

    background:#EEF7FF;

    transform:translateX(8px);
}

.bpo-feature-list .feature-icon{

    width:62px;

    height:62px;

    border-radius:16px;

    background:linear-gradient(135deg,#27AAE1,#0B5EA9);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

    flex-shrink:0;
}

.bpo-feature-list h5{

    margin-bottom:8px;

    font-size:21px;

    color:#081C3A;

    font-weight:700;
}

.bpo-feature-list p{

    margin:0;

    color:#667085;

    line-height:27px;
}






/* =================Capability Building======================= */

/*==================================
Capability About
==================================*/

.capability-about{

    padding:110px 0;

    background:#fff;

    position:relative;
}

.capability-image{

    position:relative;

    overflow:hidden;

    border-radius:24px;
}

.capability-image img{

    width:100%;

    display:block;

    border-radius:24px;

    transition:.45s;
}

.capability-image:hover img{

    transform:scale(1.05);
}

/* Floating Badge */

.capability-badge{

    position:absolute;

    right:25px;

    bottom:25px;

    width:190px;

    padding:25px;

    text-align:center;

    border-radius:20px;

    background:#27AAE1;

    color:#fff;

    box-shadow:0 20px 45px rgba(39,170,225,.25);
}

.capability-badge span{

    display:block;

    font-size:42px;

    font-weight:700;

    margin-bottom:8px;
}

.capability-badge p{

    margin:0;

    font-size:15px;

    line-height:24px;
}

/* Content */

.capability-content{

    padding-left:35px;
}

.capability-content h2{

    font-size:32px;

    color:#1179bc;

    font-weight:600;

    margin:20px 0;
}

.capability-content p{

    color:#667085;

    font-size:15px;

    /* line-height:31px; */

    margin-bottom:35px;
}

/* Features */

.capability-feature-list{

    display:flex;

    flex-direction:column;

    gap:20px;
}

.capability-feature-list .feature-box{

    display:flex;

    gap:18px;

    padding:22px;

    background:#F8FBFF;

    border-radius:16px;

    transition:.35s;
}

.capability-feature-list .feature-box:hover{

    background:#EEF7FF;

    transform:translateX(8px);
}

.capability-feature-list .feature-icon{

    width:62px;

    height:62px;

    flex-shrink:0;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#27AAE1,#0B5EA9);

    color:#fff;

    font-size:24px;
}

.capability-feature-list h5{

    font-size:21px;

    color:#081C3A;

    margin-bottom:8px;

    font-weight:700;
}

.capability-feature-list p{

    margin:0;

    color:#667085;

    line-height:28px;
}

/* ==================================================
   Final polish: shared responsiveness, tech layer,
   slider stability and scroll-to-top control
================================================== */

.reveal-ready{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .6s ease, transform .6s ease, box-shadow .25s ease;
}

.reveal-ready.show,
.show{
    opacity:1;
    transform:translateY(0);
}

.tech-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:16px;
    padding:8px 14px;
    border:1px solid rgba(5,207,252,.28);
    border-radius:999px;
    background:rgba(5,207,252,.08);
    color:#0b5ea9;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    line-height:1.2;
    text-transform:uppercase;
}

.tech-eyebrow i{
    color:#05cffc;
}

.service-tech-panel{
    position:relative;
    padding:clamp(64px,7vw,96px) 0;
    background:
        radial-gradient(circle at 12% 15%, rgba(5,207,252,.12), transparent 30%),
        linear-gradient(180deg,#f7fbff 0%,#fff 100%);
    overflow:hidden;
}

.service-tech-panel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(11,45,91,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(11,45,91,.05) 1px, transparent 1px);
    background-size:42px 42px;
    mask-image:linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.service-tech-wrap{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
    gap:36px;
    align-items:center;
    padding:34px;
    border:1px solid rgba(11,45,91,.10);
    border-radius:8px;
    background:rgba(255,255,255,.86);
    box-shadow:0 24px 70px rgba(11,45,91,.10);
    backdrop-filter:blur(12px);
}

.service-tech-copy h2{
    max-width:680px;
    margin:0 0 14px;
    color:#0b2d5b;
    font-size:clamp(28px,3vw,42px);
    font-weight:800;
    line-height:1.12;
}

.service-tech-copy p{
    max-width:690px;
    color:#52657c;
    font-size:16px;
    line-height:1.75;
}

.service-tech-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.service-tech-chip{
    min-height:92px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:8px;
    padding:18px;
    border:1px solid rgba(5,207,252,.22);
    border-radius:8px;
    background:linear-gradient(135deg,rgba(11,45,91,.96),rgba(20,94,168,.92));
    color:#fff;
    font-weight:700;
    line-height:1.35;
    box-shadow:0 16px 34px rgba(11,45,91,.14);
}

.service-tech-chip span{
    color:#05cffc;
    font-size:12px;
    letter-spacing:.12em;
}

.blogSwiper{
    width:100%;
    overflow:hidden;
    margin-top: 56px;
}

.blogSwiper .swiper-wrapper{
    align-items:stretch;
}

.blogSwiper .swiper-slide{
    height:auto;
    display:flex;
}

.blogSwiper .blog-card{
    width:100%;
    min-width:0;
}

.blog-content h4,
.blog-content p{
    overflow-wrap:anywhere;
}

.scroll-top-btn{
    position:fixed;
    right:34px;
    bottom:22px;
    z-index:999;
    width:48px;
    height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:50%;
    background:#05cffc;
    color:#061d3b;
    box-shadow:0 16px 34px rgba(5,207,252,.36);
    opacity:0;
    visibility:hidden;
    transform:translateY(12px);
    cursor:pointer;
}

.scroll-top-btn.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.scroll-top-btn:hover{
    background:#0b2d5b;
    color:#fff;
    transform:translateY(-3px);
}

.core-services,
.audit-overview,
.tax-overview,
.risk-overview,
.report-intro,
.technology-about,
.reporting-about,
.internal-about,
.bpo-about,
.capability-about,
.capital-about,
.inc-intro,
.blog-section,
.partner-showcase,
.contact-location-section,
.contact-conversation{
    overflow:hidden;
}

.service-scroll-item,
.service-card,
.process-card,
.feature-box,
.tech-card,
.report-service-card,
.inc-service-card,
.blog-card{
    border-radius:8px;
}

@media(max-width:991px){
    .service-tech-wrap{
        grid-template-columns:1fr;
        padding:28px;
        text-align:center;
    }

    .service-tech-copy p,
    .service-tech-copy h2{
        margin-left:auto;
        margin-right:auto;
    }

    .service-tech-grid{
        max-width:620px;
        margin:0 auto;
    }
}

@media(max-width:767px){
    .section-header h2,
    .about-content h2,
    .why-choose-us h2,
    .inc-section-header h2{
        font-size:clamp(26px,8vw,34px);
    }

    .service-tech-panel{
        padding:56px 0;
    }

    .service-tech-wrap{
        padding:22px;
    }

    .service-tech-grid{
        grid-template-columns:1fr;
    }

    .scroll-top-btn{
        right:16px;
        bottom:16px;
        width:44px;
        height:44px;
    }
}

@media(prefers-reduced-motion:reduce){
    .reveal-ready,
    .reveal-ready.show,
    .show{
        opacity:1!important;
        transform:none!important;
    }
}