body{font-family:Poppins,sans-serif;color:#374151}
.navbar{background:rgba(10,42,102,.85);backdrop-filter:blur(8px)}
.navbar-brand,h1,h2,h3,h4{font-family:Montserrat,sans-serif}
.hero{background:linear-gradient(135deg,#0A2A66,#153d8a);overflow:hidden;margin-top:100px;}
.hero h1{font-size:4rem;font-weight:800}.hero h1 span{color:#D4AF37}
.btn-gold{background:#D4AF37;color:#0A2A66;font-weight:700}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);padding:50px;border-radius:24px;color:#fff;text-align:center;backdrop-filter:blur(10px)}
.orb{width:180px;height:180px;border-radius:50%;margin:0 auto 25px;background:radial-gradient(circle,#D4AF37,#2f63d8);animation:float 5s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-15px)}}
.svc{padding:30px;border:none;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.08);height:100%;transition:.3s}
.svc:hover{transform:translateY(-8px)}
.footer{background:#0A2A66;color:#fff}
/*==========================
HEADER
==========================*/

/*==================================================
HEADER
==================================================*/

.header{

position:fixed;

top:0;

left:0;

width:100%;

height:100px;

background:#ffffff;

z-index:99999;

border-bottom:1px solid #ececec;

transition:.35s ease;

}

.header.scrolled{

height:80px;

box-shadow:0 8px 30px rgba(0,0,0,.08);

}

.container{

max-width:1320px;

margin:auto;

padding:0 20px;

}

.header-wrapper{

height:100%;

display:flex;

justify-content:space-between;

align-items:center;

}

/*========================
LOGO
========================*/

.logo img{

height:90px;

transition:.35s;

}

.header.scrolled .logo img{

height:56px;

}

/*========================
NAVIGATION
========================*/

.navigation ul{

display:flex;

align-items:center;

gap:48px;

list-style:none;

margin:0;

padding:0;

}

.navigation ul li{

position:relative;

}

.navigation ul li a{

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

font-size:15px;

font-weight:600;

letter-spacing:1px;

color:#0A2A66;

text-decoration:none;

transition:.3s;

display:block;

padding:40px 0;

}

.navigation ul li a:hover{

color:#D4AF37;

}

/* Gold Line */

.navigation ul li::after{

content:"";

position:absolute;

left:0;

bottom:28px;

width:0;

height:2px;

background:#D4AF37;

transition:.35s;

}

.navigation ul li:hover::after,

.navigation ul li.active::after{

width:100%;

}

.navigation ul li.active a{

color:#0A2A66;

font-weight:700;

}

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

@media(max-width:991px){

.navigation{

display:none;

}

.header{

height:80px;

}

.logo img{

height:55px;

}

}
/*=========================================
 HERO SECTION
=========================================*/

.hero{
    position: relative;
    overflow: hidden;
     min-height:780px;
    display:flex;
    align-items:center;
    background: linear-gradient(135deg,#061B45 0%,#0A2A66 40%,#123E88 100%);
    padding:120px 0 80px;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:url('../images/hero/hero-bg.png') center center/cover no-repeat;
    opacity:.18;
}

.hero-overlay{
    position:absolute;
    inset:0;
    
}

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

.hero-wrapper{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:80px;
}

.hero-content{
    width:52%;
}

.hero-image{
    width:48%;
    position:relative;
    text-align:center;
}

/*----------------------------------
 TAG
-----------------------------------*/

.hero-tag{

display:inline-block;

padding:12px 24px;

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

border-radius:50px;

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

backdrop-filter:blur(10px);

color:#ffffff;

font-size:14px;

font-weight:600;

letter-spacing:1px;

margin-bottom:35px;

}

/*----------------------------------
 HEADING
-----------------------------------*/

.hero h1{

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

font-size:68px;

font-weight:800;

line-height:1.15;

color:#ffffff;

margin-bottom:28px;

}

.hero h1 span{

color:#D4AF37;

}

/*----------------------------------
 DESCRIPTION
-----------------------------------*/

.hero p{

font-size:19px;

line-height:34px;

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

margin-bottom:45px;

max-width:650px;

}

/*----------------------------------
 BUTTON
-----------------------------------*/

.hero-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 42px;

border-radius:60px;

background:#D4AF37;

color:#0A2A66;

font-weight:700;

font-size:15px;

letter-spacing:1px;

text-decoration:none;

transition:.35s;

}

.hero-btn:hover{

background:#ffffff;

transform:translateY(-4px);

box-shadow:0 18px 40px rgba(0,0,0,.25);

}

/*----------------------------------
 GLOBE
-----------------------------------*/

.globe{

width:620px;

max-width:100%;

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

filter:drop-shadow(0 30px 70px rgba(0,0,0,.35));

}

/*----------------------------------
 ICONS
-----------------------------------*/

.icon{

position:absolute;

width:70px;

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

}

.azure{

top:8%;

left:5%;

}

.aws{

top:65%;

left:0;

}

.ai{

top:15%;

right:0;

}

.cloud{

bottom:10%;

right:15%;

}

.powerbi{

bottom:0;

left:35%;

}

.security{

top:42%;

right:-20px;

}

/*----------------------------------
 ANIMATIONS
-----------------------------------*/

@keyframes float{

0%{

transform:translateY(0px);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0);

}

}

@keyframes float2{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}

/*----------------------------------
 RESPONSIVE
-----------------------------------*/

@media(max-width:992px){

.hero{

padding:120px 0 80px;

}

.hero-wrapper{

flex-direction:column;

text-align:center;

}

.hero-content,

.hero-image{

width:100%;

}

.hero h1{

font-size:48px;

}

.hero p{

font-size:17px;

margin:auto auto 40px;

}

.hero-stats{

justify-content:center;

}

.globe{

width:420px;

margin-top:50px;

}

}

/*======================================
 HERO STATS
=======================================*/

.hero-stats{

margin-top:-55px;

position:relative;

z-index:20;

padding-bottom:70px;

}

.stats-box{

    background:#fff;

    max-width:1250px;

    margin:auto;

    border-radius:20px;

    padding:30px 20px;

    display:flex;

    justify-content:space-between;

    align-items:center;

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

}

.stat-item{

    flex:1;

    text-align:center;

    padding:0 15px;

}

.stat-item img{

    width:42px;

    margin-bottom:15px;

}

.stat-item h2{

    margin:0;

    font-size:42px;

    font-weight:800;

    color:#D4AF37;

    line-height:1;

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

}
.stat-item p{

    margin-top:10px;

    color:#666;

    font-size:16px;

    font-weight:500;

    line-height:24px;

}


.divider{

    width:1px;

    height:70px;

    background:#e8e8e8;

}

@media(max-width:991px){

.stats-box{

flex-direction:column;

padding:35px;

}

.divider{

display:none;

}

.stat-item{

margin-bottom:30px;

}

}

.stat-icon{

font-size:38px;

color:#D4AF37;

margin-bottom:15px;

display:block;

}

/*=====================================
TRUSTED TECHNOLOGIES
======================================*/

/*=================================================
TRUSTED TECHNOLOGIES
=================================================*/

.trusted-technologies{

    padding:90px 0;

    background:#ffffff;

}

.section-heading{

    text-align:center;

    margin-bottom:60px;

}

.sub-title{

    display:inline-block;

    color:#D4AF37;

    font-size:15px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:3px;

    margin-bottom:12px;

}

.section-heading h2{

    font-size:46px;

    font-weight:800;

    color:#0A2A66;

    margin-bottom:20px;

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

}

.section-heading p{

    max-width:720px;

    margin:auto;

    color:#666;

    font-size:18px;

    line-height:32px;

}

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

.technology-grid{

    display:grid;

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

    gap:18px;

}

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

.technology-card{

    background:#fff;

    border:1px solid #ececec;

    border-radius:18px;

    height:110px;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    cursor:pointer;

}

.technology-card:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

    box-shadow:0 20px 40px rgba(0,0,0,.12);

}

.technology-card img{

    max-width:130px;

    max-height:42px;

    transition:.35s;

}

.technology-card:hover img{

    transform:scale(1.05);

}
@media(max-width:1200px){

.technology-grid{

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

}

}

@media(max-width:992px){

.technology-grid{

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

}

}

@media(max-width:576px){

.technology-grid{

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

}

.section-heading h2{

font-size:34px;

}

.technology-card{

height:95px;

}

}

/*==================================================
OUR SERVICES
==================================================*/

.services-section{

    position:relative;

    padding:110px 0;

    background:#071B4A url("../images/services/service-bg.png") center center/cover no-repeat;

    overflow:hidden;

}

/* Overlay */

.services-section::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(180deg,
    rgba(7,27,74,.92),
    rgba(8,34,88,.96));

}

/* Container */

.services-section .container{

    position:relative;

    z-index:5;

}

/*==================================
SECTION TITLE
==================================*/

.services-heading{

    text-align:center;

    margin-bottom:70px;

}

.services-heading span{

    color:#D4AF37;

    font-size:16px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

}

.services-heading h2{

    color:#ffffff;

    font-size:50px;

    font-weight:800;

    margin-top:15px;

    margin-bottom:20px;

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

}

.services-heading h2::after{

    content:"";

    display:block;

    width:80px;

    height:3px;

    background:#D4AF37;

    margin:18px auto 0;

}

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

.services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
    gap:22px;
}

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

.service-card{

    position:relative;

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

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

    border-radius:18px;

    padding:45px 25px;

    text-align:center;

    overflow:hidden;

    backdrop-filter:blur(12px);

    transition:.4s;

    min-height:460px;

}

.service-card:hover{

    transform:translateY(-12px);

    border-color:#D4AF37;

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

}

/*==================================
ICON
==================================*/

.service-icon{

    width:90px;

    height:90px;

    margin:auto;

    margin-bottom:28px;

}

.service-icon img{

    width:100%;

    transition:.35s;

}

.service-card:hover img{

    transform:scale(1.12);

}

/*==================================
TITLE
==================================*/

.service-card h3{

    color:#ffffff;

    font-size:22px;

    font-weight:700;

    margin-bottom:22px;

    line-height:1.4;

}

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

.gold-line{

    width:45px;

    height:3px;

    background:#D4AF37;

    margin:0 auto 28px;

    border-radius:50px;

}

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

.service-card p{

    color:#d9d9d9;

    font-size:17px;

    line-height:34px;

}

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

.service-card::after{

    content:"";

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    height:120px;

    background:url("../images/services/card-wave.png") center bottom/cover no-repeat;

    opacity:.28;

    transition:.4s;

}

.service-card:hover::after{

    opacity:.6;

}

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

@media(max-width:1400px){

.services-grid{

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

}

}

@media(max-width:991px){

.services-grid{

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

}

.services-heading h2{

font-size:40px;

}

}

@media(max-width:768px){

.services-grid{

grid-template-columns:1fr;

}

.service-card{

min-height:auto;

padding:40px 25px;

}

}
.service-icon{

    width:90px;
    height:90px;

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

    margin:0 auto 30px;

}

.service-icon i{

    font-size:70px;

    color:#D4AF37;

    transition:.35s;

}

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

    transform:scale(1.15);

    color:#FFD86A;

}

/*======================================
INDUSTRIES
======================================*/

.industries-section{

    padding:110px 0;

    background:#F7F9FC;

}

.industries-grid{

    display:grid;

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

    gap:30px;

}

.industry-card{

    background:#fff;

    border-radius:18px;

    padding:45px 35px;

    text-align:center;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.05);

    border:1px solid #ececec;

}

.industry-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

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

}

.industry-card i{

    font-size:55px;

    color:#D4AF37;

    margin-bottom:25px;

    display:block;

}

.industry-card h3{

    color:#0A2A66;

    font-size:24px;

    font-weight:700;

    margin-bottom:18px;

}

.industry-card p{

    color:#666;

    line-height:30px;

    font-size:16px;

}

@media(max-width:991px){

.industries-grid{

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

}

}

@media(max-width:768px){

.industries-grid{

grid-template-columns:1fr;

}

}

/*==================================
WHY CHOOSE US
==================================*/

/*=========================================
WHY US
==========================================*/

.why-us{

    padding:110px 0;

    background:linear-gradient(180deg,#F8FBFF,#EEF5FF);

}

.why-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.why-card{

    background:#ffffff;

    border-radius:20px;

    padding:45px 35px;

    text-align:center;

    transition:.35s;

    border:1px solid #E6ECF4;

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

}

.why-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

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

}

.why-icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#0A2A66;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:30px;

}

.why-icon i{

    color:#D4AF37;

    font-size:42px;

}

.why-card h3{

    font-size:26px;

    color:#0A2A66;

    margin-bottom:18px;

    font-weight:700;

}

.why-card p{

    color:#666;

    line-height:30px;

    font-size:16px;

}

@media(max-width:1200px){

.why-grid{

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

}

}

@media(max-width:768px){

.why-grid{

grid-template-columns:1fr;

}

}

/*==================================
OUR PROCESS
==================================*/

/*==================================
OUR PROCESS
==================================*/

.process-section{

    padding:110px 0;

    background:#F8FAFD;

    position:relative;

}

.process-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

    position:relative;

    z-index:2;

}

.process-line{

    position:absolute;

    left:12%;

    right:12%;

    height:4px;

    margin-top:145px;

    background:linear-gradient(90deg,#D4AF37,#F7D96A);

    border-radius:50px;

}

.process-card{

    background:#ffffff;

    border-radius:22px;

    padding:40px 30px;

    text-align:center;

    position:relative;

    border:1px solid #E8EDF5;

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

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

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

}

.process-number{

    width:55px;

    height:55px;

    border-radius:50%;

    background:#D4AF37;

    color:#0A2A66;

    font-size:22px;

    font-weight:700;

    display:flex;

    justify-content:center;

    align-items:center;

    margin:-65px auto 25px;

    border:5px solid #F8FAFD;

}

.process-icon{

    width:90px;

    height:90px;

    margin:auto;

    background:#EEF4FF;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:25px;

}

.process-icon i{

    font-size:44px;

    color:#0A2A66;

}

.process-card h3{

    font-size:28px;

    color:#0A2A66;

    margin-bottom:18px;

    font-weight:700;

}

.process-card p{

    color:#666;

    line-height:30px;

}

.process-card.active{

    background:#0A2A66;

}

.process-card.active h3,

.process-card.active p{

    color:#fff;

}

.process-card.active .process-icon{

    background:#123C88;

}

.process-card.active .process-icon i{

    color:#D4AF37;

}

@media(max-width:992px){

.process-grid{

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

}

.process-line{

display:none;

}

}

@media(max-width:768px){

.process-grid{

grid-template-columns:1fr;

}

}

/*==================================
SUCCESS
==================================*/

.success-section{

padding:110px 0;

background:#0A2A66;

}

.success-section .section-heading h2{

color:#fff;

}

.success-section .section-heading p{

color:#d9d9d9;

}

.success-grid{

display:grid;

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

gap:30px;

margin-top:70px;

}

.success-card{

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

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

border-radius:20px;

padding:45px;

text-align:center;

backdrop-filter:blur(10px);

transition:.35s;

}

.success-card:hover{

transform:translateY(-10px);

border-color:#D4AF37;

}

.success-card h2{

font-size:60px;

color:#D4AF37;

font-weight:800;

margin-bottom:20px;

}

.success-card h4{

color:#fff;

margin-bottom:18px;

}

.success-card p{

color:#d7d7d7;

line-height:30px;

}

@media(max-width:991px){

.success-grid{

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

}

}

@media(max-width:768px){

.success-grid{

grid-template-columns:1fr;

}

}

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

.cta-section{

padding:90px 0;

background:

linear-gradient(rgba(8,35,88,.93),
rgba(8,35,88,.93)),

url("../images/cta/world-map.png")
center center/cover no-repeat;

}

.cta-box{

max-width:900px;

margin:auto;

text-align:center;

}

.cta-box span{

color:#D4AF37;

letter-spacing:3px;

font-weight:700;

}

.cta-box h2{

font-size:64px;

color:#fff;
	 line-height:1.15;

margin:25px 0;

font-weight:800;
	text-shadow:0 8px 35px rgba(255,255,255,.12);

}

.cta-box p{

color:#d7d7d7;

font-size:20px;

line-height:36px;

margin-bottom:45px;

}

.cta-buttons{

display:flex;

justify-content:center;

gap:25px;

}

.btn-primary{

background:#D4AF37;

color:#0A2A66;

padding:18px 40px;

border-radius:50px;

font-weight:700;

text-decoration:none;

}

.btn-outline{

border:2px solid #fff;

color:#fff;

padding:18px 40px;

border-radius:50px;

text-decoration:none;

}

.btn-primary:hover{

transform:translateY(-4px);

box-shadow:0 15px 35px rgba(212,175,55,.45);

}

.btn-outline:hover{

background:#ffffff;

color:#0A2A66;

transform:translateY(-4px);

}
.cta-section{

position:relative;

overflow:hidden;

}

.cta-section::before{

content:"";

position:absolute;

width:450px;

height:450px;

background:radial-gradient(circle,#D4AF3725,transparent);

top:-180px;

left:-120px;

}

.cta-section::after{

content:"";

position:absolute;

width:500px;

height:500px;

background:radial-gradient(circle,#2D7CFF18,transparent);

bottom:-200px;

right:-120px;

}

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

.footer{

    background:#061B45;

    color:#ffffff;

}

.footer-top{

    display:grid;

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

    gap:60px;

    padding:80px 0 50px;

}

.footer-logo{

    width:220px;

    background:#ffffff;

    padding:18px 22px;

    border-radius:18px;

    display:inline-block;

    box-shadow:0 10px 30px rgba(0,0,0,.18);

    margin-bottom:25px;

    transition:.35s ease;

}

.footer-logo:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 40px rgba(0,0,0,.28);

}

.footer-about{

    color:#BFC7D7;

    line-height:32px;

    margin-bottom:30px;

}

.footer-column h3{

    color:#ffffff;

    margin-bottom:25px;

    font-size:22px;

    position:relative;

}

.footer-column h3::after{

    content:"";

    width:45px;

    height:3px;

    background:#D4AF37;

    display:block;

    margin-top:10px;

}

.footer-column ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer-column ul li{

    margin-bottom:16px;

}

.footer-column ul li a{

    color:#BFC7D7;

    text-decoration:none;

    transition:.3s;

}

.footer-column ul li a:hover{

    color:#D4AF37;

    padding-left:8px;

}

.footer-contact li{

    display:flex;

    gap:12px;

    align-items:flex-start;

    color:#BFC7D7;

}

.footer-contact i{

    color:#D4AF37;

    margin-top:4px;

}

.footer-social{

    display:flex;

    gap:15px;

}

.footer-social a{

    width:45px;

    height:45px;

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

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#ffffff;

    transition:.35s;

}

.footer-social a:hover{

    background:#D4AF37;

    color:#061B45;

    transform:translateY(-5px);

}

.footer-bottom{

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

    padding:25px 0;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.footer-bottom p{

    margin:0;

    color:#BFC7D7;

}

.footer-bottom a{

    color:#BFC7D7;

    margin-left:25px;

    text-decoration:none;

}

.footer-bottom a:hover{

    color:#D4AF37;

}

/* Responsive */

@media(max-width:991px){

.footer-top{

grid-template-columns:1fr 1fr;

}

.footer-bottom{

flex-direction:column;

gap:15px;

text-align:center;

}

}

@media(max-width:768px){

.footer-top{

grid-template-columns:1fr;

}

}

/*==================================
INNER PAGES
==================================*/

.page-hero {
    margin-top:100px;
    padding:115px 0 90px;
    background:
        linear-gradient(rgba(6,27,69,.92), rgba(10,42,102,.94)),
        url("../images/hero/hero-bg.png") center center/cover no-repeat;
    color:#fff;
    text-align:center;
}

.page-hero span {
    display:inline-block;
    color:#D4AF37;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:16px;
}

.page-hero h1 {
    font-size:54px;
    font-weight:800;
    margin-bottom:20px;
    color:#fff;
}

.page-hero p {
    max-width:820px;
    margin:auto;
    color:rgba(255,255,255,.82);
    font-size:19px;
    line-height:34px;
}

.content-section {
    padding:100px 0;
    background:#F8FAFD;
}

.two-column-layout,
.contact-layout {
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:42px;
    align-items:start;
}

.two-column-layout h2 {
    color:#0A2A66;
    font-size:44px;
    font-weight:800;
    margin-bottom:22px;
}

.two-column-layout p,
.info-panel p,
.info-panel li,
.insight-card p {
    color:#666;
    font-size:17px;
    line-height:31px;
}

.info-panel,
.contact-form,
.insight-card {
    background:#fff;
    border:1px solid #E6ECF4;
    border-radius:18px;
    padding:34px;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.info-panel h3,
.insight-card h3 {
    color:#0A2A66;
    font-size:26px;
    font-weight:800;
    margin-bottom:18px;
}

.info-panel ul {
    margin:0;
    padding-left:20px;
}

.inner-services {
    padding-top:100px;
}

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

.insight-card span {
    display:inline-block;
    color:#D4AF37;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.insight-card a {
    color:#0A2A66;
    font-weight:800;
    text-decoration:none;
}

.contact-form {
    display:grid;
    gap:16px;
}

.contact-form label {
    display:grid;
    gap:8px;
    color:#0A2A66;
    font-weight:700;
}

.contact-form input,
.contact-form textarea {
    width:100%;
    border:1px solid #D8E0EA;
    border-radius:8px;
    padding:13px 14px;
    font:inherit;
}

.contact-form button {
    border:0;
    border-radius:50px;
    background:#D4AF37;
    color:#0A2A66;
    padding:15px 28px;
    font-weight:800;
}

@media(max-width:991px) {
    .page-hero h1 {
        font-size:42px;
    }

    .two-column-layout,
    .contact-layout,
    .insights-grid {
        grid-template-columns:1fr;
    }
}

/* Sri Venkata Tech Solutions redesign */
:root {
    --sv-ink:#111c26;
    --sv-teal:#006fe6;
    --sv-coral:#0047ba;
    --sv-mint:#eaf4ff;
    --sv-paper:#f7fbff;
    --sv-line:#d7e4f2;
    --sv-muted:#596c7d;
}

body {
    font-family:Inter, Poppins, Arial, sans-serif;
    color:var(--sv-ink);
    background:var(--sv-paper);
}

.navbar-brand,
h1,
h2,
h3,
h4,
.navigation ul li a {
    font-family:Manrope, Montserrat, Arial, sans-serif;
}

.header {
    height:88px;
    background:rgba(251,252,248,.96);
    border-bottom:1px solid var(--sv-line);
}

.header.scrolled {
    height:76px;
    box-shadow:0 12px 32px rgba(18,52,59,.08);
}

.logo img {
    width:240px;
    height:auto;
    max-height:68px;
    object-fit:contain;
}

.header.scrolled .logo img {
    height:auto;
    max-height:58px;
}

.navigation ul {
    gap:34px;
}

.navigation ul li a {
    color:var(--sv-ink);
    letter-spacing:.6px;
    padding:34px 0;
}

.navigation ul li a:hover,
.navigation ul li.active a {
    color:var(--sv-coral);
}

.navigation ul li::after {
    background:var(--sv-teal);
    bottom:24px;
}

.hero {
    min-height:720px;
    margin-top:88px;
    padding:105px 0 80px;
    background:
        linear-gradient(135deg, rgba(18,52,59,.98), rgba(20,83,79,.94)),
        radial-gradient(circle at 80% 20%, rgba(19,184,166,.24), transparent 36%);
}

.hero::before,
.hero-overlay {
    display:none;
}

.hero-wrapper {
    gap:70px;
}

.hero-tag,
.page-hero span,
.sub-title,
.services-heading span,
.cta-box span {
    color:var(--sv-coral);
    letter-spacing:2px;
}

.hero-tag {
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.08);
    color:#ffffff;
}

.hero h1 {
    max-width:780px;
    font-size:62px;
    line-height:1.05;
    color:#fff;
}

.hero h1 span {
    color:var(--sv-teal);
}

.hero p {
    color:rgba(255,255,255,.82);
}

.hero-actions,
.cta-buttons {
    display:flex;
    gap:18px;
    flex-wrap:wrap;
    align-items:center;
}

.hero-btn,
.btn-primary,
.contact-form button {
    background:var(--sv-coral);
    color:#fff;
    border-radius:8px;
}

.hero-btn:hover,
.btn-primary:hover {
    background:#fff;
    color:var(--sv-ink);
}

.hero-link,
.btn-outline {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:18px 34px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:8px;
    color:#fff;
    text-decoration:none;
    font-weight:800;
}

.hero-link:hover,
.btn-outline:hover {
    background:var(--sv-teal);
    border-color:var(--sv-teal);
    color:var(--sv-ink);
}

.signal-panel {
    max-width:470px;
    min-height:500px;
    margin-left:auto;
    padding:34px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:8px;
    background:rgba(255,255,255,.1);
    box-shadow:0 28px 80px rgba(0,0,0,.24);
    backdrop-filter:blur(12px);
}

.signal-top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    margin-bottom:42px;
}

.signal-top span {
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:var(--sv-teal);
    color:var(--sv-ink);
    font-weight:900;
}

.signal-bars {
    height:210px;
    display:flex;
    align-items:end;
    gap:18px;
    padding:24px;
    background:rgba(18,52,59,.58);
    border-radius:8px;
}

.signal-bars i {
    flex:1;
    min-height:38px;
    border-radius:8px 8px 0 0;
    background:linear-gradient(180deg, var(--sv-coral), var(--sv-teal));
}

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

.signal-grid div,
.stats-box,
.technology-card,
.industry-card,
.why-card,
.process-card,
.info-panel,
.contact-form,
.insight-card {
    border-radius:8px;
}

.signal-grid div {
    padding:16px;
    background:#fff;
}

.signal-grid strong,
.signal-grid span {
    display:block;
}

.signal-grid span {
    color:var(--sv-muted);
    font-size:13px;
}

.stats-box {
    box-shadow:0 18px 48px rgba(18,52,59,.11);
}

.stat-icon,
.stat-item h2,
.industry-card i,
.service-icon i,
.footer-contact i {
    color:var(--sv-teal);
}

.section-heading h2,
.two-column-layout h2,
.industry-card h3,
.why-card h3,
.process-card h3,
.info-panel h3,
.insight-card h3,
.contact-form label {
    color:var(--sv-ink);
}

.trusted-technologies,
.content-section,
.process-section {
    background:var(--sv-paper);
}

.services-section,
.success-section,
.footer {
    background:#111c26;
    position:relative;
    border-top:1px solid rgba(255,255,255,.12);
}

.footer::before {
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:min(88%, 1320px);
    height:3px;
    transform:translateX(-50%);
    background:linear-gradient(90deg, transparent, rgba(0,111,230,.95), rgba(49,164,255,.9), transparent);
}

.services-section::before {
    background:linear-gradient(180deg, rgba(18,52,59,.92), rgba(12,74,69,.96));
}

.service-card {
    border-radius:8px;
    min-height:365px;
}

.service-card:hover,
.technology-card:hover,
.industry-card:hover,
.why-card:hover,
.process-card:hover {
    border-color:var(--sv-teal);
}

.gold-line,
.footer-column h3::after,
.process-line {
    background:var(--sv-coral);
}

.industries-section,
.why-us {
    background:#eef8f4;
}

.why-icon,
.process-card.active,
.invoice-company h3 {
    background:var(--sv-ink);
}

.why-icon i,
.process-card.active .process-icon i {
    color:var(--sv-teal);
}

.process-number {
    background:var(--sv-coral);
    color:#fff;
}

.process-icon {
    background:var(--sv-mint);
}

.process-icon i {
    color:var(--sv-ink);
}

.cta-section {
    background:
        linear-gradient(rgba(18,52,59,.94), rgba(18,52,59,.94)),
        url("../images/cta/world-map.png") center center/cover no-repeat;
}

.cta-section::before,
.cta-section::after,
.orb {
    display:none;
}

.footer-logo {
    width:260px;
    border-radius:8px;
}

.footer-social a:hover {
    background:var(--sv-teal);
    color:var(--sv-ink);
}

.footer-column ul li a:hover,
.footer-bottom a:hover {
    color:var(--sv-teal);
}

.page-hero {
    margin-top:88px;
    background:
        linear-gradient(135deg, rgba(18,52,59,.96), rgba(19,113,105,.9)),
        url("../images/hero/hero-bg.png") center center/cover no-repeat;
}

.contact-form input:focus,
.contact-form textarea:focus {
    border-color:var(--sv-teal);
    outline:2px solid rgba(19,184,166,.16);
}

@media(max-width:992px) {
    .hero h1 {
        font-size:44px;
    }

    .signal-panel {
        margin:20px auto 0;
        min-height:420px;
    }
}

@media(max-width:576px) {
    .logo img {
        width:205px;
    }

    .hero h1,
    .cta-box h2 {
        font-size:36px;
    }

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

/* Premium capabilities section */
.services-section {
    padding:115px 0;
    background:
        linear-gradient(180deg, #fbfcf8 0%, #eef8f4 100%);
    overflow:hidden;
}

.services-section::before,
.service-card::after {
    display:none;
}

.services-heading {
    max-width:860px;
    margin:0 auto 60px;
    text-align:center;
}

.services-heading span {
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 16px;
    border:1px solid rgba(19,184,166,.28);
    border-radius:8px;
    background:#ffffff;
    color:var(--sv-coral);
    font-size:13px;
    font-weight:800;
}

.services-heading h2 {
    color:var(--sv-ink);
    font-size:50px;
    margin-top:12px;
    margin-bottom:0;
}

.services-heading h2::after {
    margin:20px auto 0;
    background:var(--sv-teal);
}

.services-grid {
    counter-reset:service-card;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    grid-auto-rows:minmax(245px, auto);
    gap:20px;
}

.service-card {
    counter-increment:service-card;
    position:relative;
    min-height:245px;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    gap:18px;
    padding:30px;
    text-align:left;
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,255,255,.88));
    border:1px solid rgba(18,52,59,.1);
    box-shadow:0 18px 42px rgba(18,52,59,.08);
    backdrop-filter:none;
    overflow:hidden;
}

.service-card:hover {
    transform:translateY(-8px);
    border-color:rgba(19,184,166,.42);
    box-shadow:0 28px 60px rgba(18,52,59,.15);
}

.service-card:nth-child(1),
.service-card:nth-child(6) {
    grid-column:span 2;
    background:
        linear-gradient(135deg, rgba(18,52,59,.98), rgba(18,91,86,.95));
    color:#fff;
}

.service-card:nth-child(1) h3,
.service-card:nth-child(1) p,
.service-card:nth-child(6) h3,
.service-card:nth-child(6) p {
    color:#fff;
}

.service-card:nth-child(1)::before,
.service-card:nth-child(6)::before {
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    right:-92px;
    bottom:-104px;
    border:42px solid rgba(45,212,191,.16);
    border-radius:50%;
}

.service-card::after {
    content:counter(service-card, decimal-leading-zero);
    display:block;
    position:absolute;
    right:22px;
    top:18px;
    color:rgba(18,52,59,.12);
    font-family:Manrope, Arial, sans-serif;
    font-size:42px;
    font-weight:800;
    line-height:1;
}

.service-card:nth-child(1)::after,
.service-card:nth-child(6)::after {
    color:rgba(255,255,255,.16);
}

.service-icon {
    width:66px;
    height:66px;
    margin:0;
    border-radius:8px;
    background:#e9fbf7;
    position:relative;
    z-index:1;
}

.service-icon i {
    font-size:34px;
    color:var(--sv-teal);
}

.service-card:nth-child(1) .service-icon,
.service-card:nth-child(6) .service-icon {
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.18);
}

.service-card:nth-child(1) .service-icon i,
.service-card:nth-child(6) .service-icon i {
    color:#31a4ff;
}

.service-card:hover .service-icon {
    background:#fff1ee;
}

.service-card:hover .service-icon i {
    color:var(--sv-coral);
    transform:none;
}

.service-card h3 {
    position:relative;
    z-index:1;
    color:var(--sv-ink);
    font-size:23px;
    line-height:1.25;
    margin:0;
}

.service-card p {
    position:relative;
    z-index:1;
    color:var(--sv-muted);
    font-size:16px;
    line-height:29px;
    margin:0;
}

.gold-line {
    display:none;
}

.inner-services {
    padding-top:105px;
}

@media(max-width:991px) {
    .services-grid {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .service-card:nth-child(1),
    .service-card:nth-child(6) {
        grid-column:span 2;
    }
}

@media(max-width:576px) {
    .services-heading h2 {
        font-size:34px;
    }

    .service-card {
        min-height:0;
        padding:24px;
    }

    .services-grid,
    .service-card:nth-child(1),
    .service-card:nth-child(6) {
        grid-template-columns:1fr;
        grid-column:span 1;
    }
}

/* Hero and metrics redesign */
.hero {
    min-height:640px;
    padding:84px 0 64px;
    background:
        linear-gradient(120deg, rgba(13,42,48,.98) 0%, rgba(18,78,73,.96) 62%, rgba(14,101,91,.92) 100%);
}

.hero-wrapper {
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(420px, .85fr);
    align-items:center;
    gap:58px;
}

.hero-content {
    width:auto;
    position:relative;
    isolation:isolate;
}

.hero-content::before {
    content:"";
    position:absolute;
    inset:-70px -36px -40px -70px;
    z-index:-1;
    background:
        linear-gradient(90deg, rgba(247,251,255,.88), rgba(247,251,255,.42)),
        url("../images/hero/left-tech-bg.svg") center left/cover no-repeat;
    opacity:.9;
    pointer-events:none;
}

.hero-content::after {
    content:"";
    position:absolute;
    left:-42px;
    top:18%;
    width:5px;
    height:210px;
    z-index:-1;
    border-radius:99px;
    background:linear-gradient(180deg, #006fe6, rgba(0,111,230,0));
    opacity:.45;
}

.hero-image {
    width:auto;
}

.hero-tag {
    padding:10px 18px;
    border-radius:8px;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.2);
    font-size:13px;
    letter-spacing:1.6px;
    margin-bottom:24px;
    box-shadow:none;
}

.hero h1 {
    max-width:760px;
    font-size:clamp(46px, 4.5vw, 70px);
    line-height:1.04;
    letter-spacing:0;
    margin-bottom:24px;
    text-shadow:none;
}

.hero p {
    max-width:690px;
    font-size:18px;
    line-height:32px;
    margin-bottom:32px;
    text-shadow:none;
}

.hero-actions {
    gap:14px;
}

.hero-btn,
.hero-link {
    min-width:190px;
    padding:15px 26px;
    border-radius:8px;
    font-size:15px;
}

.signal-panel {
    max-width:520px;
    min-height:0;
    margin:0 0 0 auto;
    padding:26px;
    border-radius:12px;
    background:rgba(255,255,255,.1);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:0 30px 70px rgba(0,0,0,.24);
}

.signal-top {
    margin-bottom:22px;
}

.signal-top span {
    width:54px;
    height:54px;
    border-radius:10px;
}

.signal-top strong {
    font-size:18px;
}

.signal-bars {
    height:170px;
    padding:22px;
    gap:14px;
    border-radius:10px;
    background:rgba(7,35,39,.62);
}

.signal-bars i {
    border-radius:8px 8px 0 0;
}

.signal-grid {
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:10px;
    margin-top:14px;
}

.signal-grid div {
    padding:14px 10px;
    text-align:center;
    border-radius:8px;
}

.signal-grid strong {
    font-size:15px;
    margin-bottom:2px;
}

.signal-grid span {
    font-size:12px;
}

.hero-stats {
    margin-top:0;
    padding:0;
    background:#fbfcf8;
}

.hero-stats .container {
    max-width:1180px;
}

.stats-box {
    transform:translateY(-34px);
    margin-bottom:-34px;
    padding:18px;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:0;
    border:1px solid rgba(18,52,59,.08);
    border-radius:12px;
    box-shadow:0 18px 50px rgba(18,52,59,.1);
}

.stat-item {
    padding:18px 22px;
}

.stat-icon {
    font-size:26px;
    margin-bottom:10px;
}

.stat-item h2 {
    font-size:34px;
    margin-bottom:8px;
}

.stat-item p {
    margin:0;
    font-size:14px;
    line-height:22px;
}

.divider {
    width:1px;
    height:auto;
    min-height:96px;
    align-self:center;
    background:#e5ece8;
}

@media(max-width:1100px) {
    .hero-wrapper {
        grid-template-columns:1fr;
        gap:42px;
    }

    .signal-panel {
        margin:0;
        max-width:none;
    }
}

@media(max-width:768px) {
    .hero {
        padding:72px 0 54px;
    }

    .hero h1 {
        font-size:42px;
    }

    .hero p {
        font-size:16px;
        line-height:29px;
    }

    .hero-btn,
    .hero-link {
        width:100%;
    }

    .signal-grid,
    .stats-box {
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .divider {
        display:none;
    }
}

@media(max-width:520px) {
    .signal-grid,
    .stats-box {
        grid-template-columns:1fr;
    }

    .signal-bars {
        height:140px;
    }
}

/* Classy executive hero redesign */
.hero {
    min-height:auto;
    margin-top:88px;
    padding:96px 0 92px;
    background:
        linear-gradient(90deg, #f7fbff 0%, #f7fbff 56%, #111c26 56%, #111c26 100%);
    color:var(--sv-ink);
}

.hero::after {
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(135deg, rgba(19,184,166,.08), transparent 38%),
        linear-gradient(90deg, transparent 0 56%, rgba(45,212,191,.08) 56% 100%);
    pointer-events:none;
}

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

.hero-wrapper {
    grid-template-columns:minmax(0, 1fr) minmax(420px, .72fr);
    gap:74px;
}

.hero-tag {
    color:var(--sv-coral);
    background:#fff;
    border:1px solid var(--sv-line);
    box-shadow:0 10px 24px rgba(18,52,59,.06);
}

.hero h1 {
    max-width:720px;
    color:var(--sv-ink);
    font-size:clamp(48px, 4.8vw, 74px);
    line-height:1.02;
    margin-bottom:26px;
}

.hero p {
    max-width:680px;
    color:#40585d;
    font-size:18px;
    line-height:33px;
}

.hero-actions {
    margin-top:4px;
}

.hero-btn {
    background:var(--sv-ink);
    color:#fff;
    border:1px solid var(--sv-ink);
}

.hero-btn:hover {
    background:var(--sv-coral);
    border-color:var(--sv-coral);
    color:#fff;
}

.hero-link {
    color:var(--sv-ink);
    border:1px solid #9ab2ad;
    background:#fff;
}

.hero-link:hover {
    color:#fff;
    background:var(--sv-teal);
    border-color:var(--sv-teal);
}

.executive-panel {
    position:relative;
    max-width:470px;
    margin-left:auto;
    padding:30px;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(18,52,59,.1);
    box-shadow:0 28px 70px rgba(8,28,31,.24);
}

.executive-panel::before {
    content:"";
    position:absolute;
    inset:18px -18px -18px 18px;
    z-index:-1;
    border-radius:14px;
    border:1px solid rgba(45,212,191,.26);
}

.executive-panel-head {
    display:flex;
    gap:16px;
    align-items:center;
    padding-bottom:24px;
    border-bottom:1px solid var(--sv-line);
}

.executive-panel-head span {
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#111c26;
    color:#31a4ff;
    font-weight:900;
    font-size:20px;
}

.executive-panel-head strong,
.executive-panel-head small {
    display:block;
}

.executive-panel-head strong {
    color:var(--sv-ink);
    font-size:21px;
}

.executive-panel-head small {
    color:var(--sv-muted);
    margin-top:4px;
}

.advisory-list {
    display:grid;
    gap:14px;
    margin:24px 0;
}

.advisory-list div {
    display:grid;
    grid-template-columns:42px 1fr auto;
    align-items:center;
    gap:14px;
    padding:15px;
    border:1px solid #e4ece8;
    border-radius:10px;
    background:#fbfcf8;
}

.advisory-list i {
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#e9fbf7;
    color:var(--sv-teal);
    font-size:22px;
}

.advisory-list span {
    color:#314a4f;
    font-weight:700;
}

.advisory-list strong {
    color:var(--sv-coral);
    font-size:13px;
}

.panel-note {
    padding:20px;
    border-radius:10px;
    background:#111c26;
}

.panel-note p {
    margin:0;
    color:rgba(255,255,255,.86);
    font-size:15px;
    line-height:26px;
}

.hero-stats {
    background:#fbfcf8;
    padding:18px 0 72px;
}

.stats-box {
    transform:none;
    margin:0 auto;
    padding:18px;
    border:1px solid rgba(18,52,59,.08);
    border-radius:16px;
    box-shadow:0 22px 55px rgba(18,52,59,.08);
    background:#ffffff;
    gap:16px;
}

.stat-item {
    position:relative;
    padding:26px;
    text-align:left;
    border-radius:12px;
    background:linear-gradient(180deg, #fbfcf8, #f4faf7);
    border:1px solid #e5eeea;
    overflow:hidden;
    transition:.25s ease;
}

.stat-item::after {
    content:"";
    position:absolute;
    right:-34px;
    top:-34px;
    width:92px;
    height:92px;
    border-radius:50%;
    background:rgba(19,184,166,.12);
}

.stat-icon {
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#111c26;
    color:#31a4ff;
    font-size:24px;
    margin-bottom:18px;
    position:relative;
    z-index:1;
}

.stat-item h2 {
    position:relative;
    z-index:1;
    font-size:32px;
    color:var(--sv-ink);
    margin:0 0 8px;
}

.stat-item p {
    position:relative;
    z-index:1;
    color:#51686c;
    font-size:15px;
    line-height:24px;
}

.stat-item:hover {
    transform:translateY(-4px);
    border-color:rgba(19,184,166,.36);
    box-shadow:0 18px 38px rgba(18,52,59,.1);
}

.hero-stats .divider {
    display:none;
}

@media(max-width:1100px) {
    .hero {
        background:#fbfcf8;
    }

    .hero-wrapper {
        grid-template-columns:1fr;
    }

    .executive-panel {
        margin:0;
        max-width:none;
    }
}

@media(max-width:768px) {
    .hero {
        padding:74px 0;
    }

    .hero h1 {
        font-size:42px;
    }

    .advisory-list div {
        grid-template-columns:42px 1fr;
    }

    .advisory-list strong {
        grid-column:2;
    }
}

/* Logo-matched blue/navy theme */
.header.scrolled {
    box-shadow:0 12px 32px rgba(17,28,38,.08);
}

.logo img {
    width:350px;
    max-height:76px;
    object-fit:contain;
}

.header.scrolled .logo img {
    width:310px;
    max-height:66px;
}

.navigation ul li a:hover,
.navigation ul li.active a,
.page-hero span,
.sub-title,
.services-heading span,
.cta-box span {
    color:#0047ba;
}

.navigation ul li::after,
.services-heading h2::after,
.gold-line,
.footer-column h3::after,
.process-line {
    background:#006fe6;
}

.hero {
    background:
        linear-gradient(90deg, #f7fbff 0%, #f7fbff 56%, #111c26 56%, #111c26 100%);
}

.hero::after {
    background:
        linear-gradient(135deg, rgba(0,111,230,.08), transparent 38%),
        linear-gradient(90deg, transparent 0 56%, rgba(0,71,186,.08) 56% 100%);
}

.hero-tag {
    color:#0047ba;
}

.hero-btn,
.executive-panel-head span,
.panel-note,
.stat-icon {
    background:#111c26;
}

.hero-btn {
    border-color:#111c26;
}

.hero-btn:hover {
    background:#006fe6;
    border-color:#006fe6;
}

.hero-link:hover,
.footer-social a:hover {
    background:#006fe6;
    border-color:#006fe6;
    color:#fff;
}

.executive-panel::before {
    border-color:rgba(0,111,230,.25);
}

.executive-panel-head span,
.advisory-list i,
.stat-icon,
.stat-item h2,
.service-icon i,
.industry-card i,
.footer-contact i {
    color:#006fe6;
}

.executive-panel-head span,
.stat-icon {
    color:#31a4ff;
}

.advisory-list i,
.service-icon,
.process-icon {
    background:#eaf4ff;
}

.advisory-list strong {
    color:#0047ba;
}

.stat-item::after {
    background:rgba(0,111,230,.12);
}

.stat-item:hover,
.service-card:hover,
.technology-card:hover,
.industry-card:hover,
.why-card:hover,
.process-card:hover {
    border-color:rgba(0,111,230,.36);
}

.services-section,
.success-section,
.footer {
    background:#111c26;
}

.services-section::before {
    background:linear-gradient(180deg, rgba(17,28,38,.92), rgba(0,50,125,.96));
}

.service-card:nth-child(1),
.service-card:nth-child(6) {
    background:linear-gradient(135deg, rgba(17,28,38,.98), rgba(0,58,140,.95));
}

.service-card:nth-child(1)::before,
.service-card:nth-child(6)::before {
    border-color:rgba(49,164,255,.16);
}

.service-card:nth-child(1) .service-icon i,
.service-card:nth-child(6) .service-icon i {
    color:#31a4ff;
}

.why-icon,
.process-card.active {
    background:#111c26;
}

.why-icon i,
.process-card.active .process-icon i {
    color:#31a4ff;
}

.process-number {
    background:#006fe6;
}

.cta-section {
    background:
        linear-gradient(rgba(17,28,38,.94), rgba(17,28,38,.94)),
        url("../images/cta/world-map.png") center center/cover no-repeat;
}

.page-hero {
    background:
        linear-gradient(135deg, rgba(17,28,38,.96), rgba(0,76,170,.9)),
        url("../images/hero/hero-bg.png") center center/cover no-repeat;
}

.footer-logo {
    width:390px;
    max-width:100%;
    border-radius:8px;
    background:#fff;
    padding:10px 12px;
}

.login-logo {
    width:320px;
}

@media(max-width:576px) {
    .logo img {
        width:265px;
    }
}

/* Larger logo sizing */
.header {
    height:110px;
}

.header.scrolled {
    height:92px;
}

.logo img {
    width:350px;
    max-height:72px;
}

.header.scrolled .logo img {
    width:305px;
    max-height:62px;
}

.hero,
.page-hero {
    margin-top:110px;
}

.footer-logo {
    width:270px;
    background:transparent;
    padding:0;
    box-shadow:none;
    filter:brightness(0) invert(1);
    opacity:.96;
}

.login-logo {
    width:305px;
}

@media(max-width:991px) {
    .header {
        height:92px;
    }

    .logo img {
        width:285px;
        max-height:66px;
    }

    .hero,
    .page-hero {
        margin-top:92px;
    }
}

@media(max-width:576px) {
    .logo img {
        width:240px;
        max-height:58px;
    }
}