/*=========================================================
  GrowthSnap
  Business Funding Simplified
  Author : Pankaj Kumar & ChatGPT
=========================================================*/


/*=========================
  ROOT VARIABLES
=========================*/

:root{

    --primary:#0A2E6F;
    --secondary:#F6B31A;
    --dark:#1A1A1A;
    --light:#F8FAFC;
    --white:#ffffff;
    --border:#e7edf5;

    --radius:14px;

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

    --transition:.35s ease;

}



/*=========================
 RESET
=========================*/

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

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

background:#fff;

color:var(--dark);

font-size:16px;

line-height:1.7;

overflow-x:hidden;

}




a{

text-decoration:none;

transition:var(--transition);

}


img{

max-width:100%;

display:block;

}



ul{

list-style:none;

margin:0;

padding:0;

}



/*=========================
CONTAINER
=========================*/

.container{

max-width:1320px;

}



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

#mainHeader{

position:fixed;

top:0;

left:0;

width:100%;

z-index:9999;

background:#ffffff;

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

transition:.35s ease;

}


#mainHeader.sticky{

background:#fff;

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

}



/*=========================
NAVBAR
=========================*/
.navbar{

    padding:18px 0;

    background:#ffffff;

    transition:.35s ease;

    z-index:999;

}
.navbar-nav{

    gap:12px;

}

.nav-link{

    position:relative;

    color:#0A2E6F;

    font-weight:600;

    font-size:16px;

    padding:10px 16px !important;

    transition:.3s;

}

.nav-link:hover{

    color:#F6B31A;

}

.nav-link::after{

    content:"";

    position:absolute;

    left:16px;

    bottom:2px;

    width:0;

    height:3px;

    background:#F6B31A;

    border-radius:20px;

    transition:.35s ease;

}

.nav-link:hover::after{

    width:calc(100% - 32px);

}

.nav-link.current{

    color:#F6B31A;

}

.nav-link.current::after{

    width:calc(100% - 32px);

}

.btn-primary-custom{

    background:#F6B31A;

    color:#0A2E6F;

    border-radius:50px;

    padding:12px 28px;

    font-weight:700;

    border:none;

    transition:.35s;

}

.btn-primary-custom:hover{

    background:#0A2E6F;

    color:#fff;

}

.navbar-toggler{

    border:none;

    box-shadow:none !important;

    font-size:32px;

    color:#0A2E6F;

}



.navbar.sticky{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    background:#ffffff;

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

    animation:headerDown .35s ease;

}

@keyframes headerDown{

    from{

        transform:translateY(-100%);

    }

    to{

        transform:translateY(0);

    }

}

@media(max-width:991px){

.navbar{

padding:12px 0;

}

.logo{

height:50px;

}

.navbar-collapse{

margin-top:20px;

background:#ffffff;

padding:20px;

border-radius:16px;

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

}

.nav-item{

margin-bottom:8px;

}

.nav-link{

padding:12px 0 !important;

}

.nav-link::after{

display:none;

}

.btn-primary-custom{

display:block;

width:100%;

text-align:center;

margin-top:15px;

}

}


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

.logo{

    height:60px;

    width:auto;

}


#mainHeader.sticky .logo{

height:50px;

}

/*=========================================
CONSULTATION MODAL
=========================================*/
.modal{

    z-index:99999 !important;

}

.modal-backdrop{

    z-index:99998 !important;

}
.modal-content{

    border:none;

    border-radius:24px;

    overflow:hidden;

}

.modal-header{

    background:#0A2E6F;

    color:#fff;

    padding:22px 30px;

}

.modal-title{

    font-size:28px;

    font-weight:700;

}

.btn-close{

    filter:invert(1);

}

.modal-body{

    padding:35px;

}

.modal-body .form-control,
.modal-body .form-select{

    min-height:56px;

    border-radius:14px;

}

.modal-body textarea{

    min-height:140px;

}


/*=========================================
BOOTSTRAP TOAST
=========================================*/

.toast{

    min-width:380px;

    border-radius:18px;

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

    font-size:15px;

}

.toast-body{

    padding:18px 22px;

    line-height:1.7;

}

.toast-body i{

    font-size:20px;

    vertical-align:middle;

}

@media(max-width:576px){

.toast{

min-width:calc(100vw - 30px);

}

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

section{

position:relative;

padding:100px 0;

}

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

.hero{

    position:relative;

    min-height:96vh;

    overflow:hidden;

    display:flex;

    align-items:center;

    padding:170px 0 100px;

    background:
    radial-gradient(circle at top right,#fff3cf 0%,transparent 30%),
    radial-gradient(circle at bottom left,#dfeeff 0%,transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#f7fbff 60%,#eef6ff 100%);

}

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

.hero-bg-circle{

    position:absolute;

    border-radius:50%;

    filter:blur(120px);

    z-index:0;

}
.hero-bg-circle-1{

    width:420px;

    height:420px;

    right:-140px;

    top:-120px;

    background:#ffd24d55;

}

.hero-bg-circle-2{

    width:350px;

    height:350px;

    left:-120px;

    bottom:-80px;

    background:#1d4ea622;

}


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

.hero-container{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}



/*============================
LEFT
=============================*/

.hero-left{

    position:relative;

}



/*============================
BADGE
=============================*/

.hero-badge{

display:inline-flex;

align-items:center;

gap:10px;

padding:12px 24px;

background:#ffffff;

border:1px solid #edf1f7;

border-radius:100px;

font-size:14px;

font-weight:600;

color:var(--primary);

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

margin-bottom:28px;

}

.hero-badge i{

color:#f6b31a;

font-size:18px;

}


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

.hero-left h1{

font-size:58px;

font-weight:800;

line-height:1.3;

color:var(--primary);

margin-bottom:26px;

letter-spacing:-1.5px;

max-width:650px;

}

.hero-left h1 span{

display:block;

color:var(--secondary);

}



/*============================
DESCRIPTION
=============================*/

.hero-left p{

font-size:19px;

line-height:1.9;

color:#5d6472;

max-width:620px;

margin-bottom:42px;

}


/*============================
BUTTONS
=============================*/

.hero-buttons{

display:flex;

gap:18px;

margin-bottom:55px;

}

.btn-main{

display:inline-flex;

align-items:center;

justify-content:center;

height:60px;

padding:0 40px;

background:#f6b31a;

color:#fff;

font-weight:600;

border-radius:60px;

transition:.35s;

box-shadow:0 15px 35px rgba(246,179,26,.30);

}

.btn-main:hover{

background:#0A2E6F;

color:#fff;

transform:translateY(-5px);

}

.btn-secondary{

display:inline-flex;

align-items:center;

justify-content:center;

height:58px;

padding:0 34px;

border:2px solid #dbe5f4;

border-radius:60px;

background:#fff;

color:#0A2E6F;

font-weight:600;

transition:.35s;

}

.btn-secondary:hover{

background:#0A2E6F;

color:#fff;

border-color:#0A2E6F;

}


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

.hero-stats{

display:flex;

gap:22px;

flex-wrap:wrap;

}

.stat-card{

background:#fff;

padding:28px;

border-radius:22px;

flex:1;

min-width:180px;

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

transition:.35s;

border:1px solid #edf1f7;

}

.stat-card:hover{

transform:translateY(-8px);

}

.stat-card h2{

font-size:32px;

font-weight:700;

color:#0A2E6F;

margin-bottom:8px;

}

.stat-card span{

font-size:14px;

color:#666;

}


/*=========================================
 HERO RIGHT
=========================================*/

.hero-right{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.hero-image-box{

    position:relative;

    width:100%;

    max-width:700px;
	margin-left:auto;
	

}

.hero-image-box img{

    width:100%;

    display:block;

    border-radius:28px;

    box-shadow:
    0 30px 70px rgba(10,46,111,.15);

    transition:.45s ease;

}

.hero-image-box img:hover{

    transform:translateY(-8px);

}


/*=========================================
 FLOATING CARDS
=========================================*/

.floating-card{

    position:absolute;

    display:flex;

    align-items:center;

    gap:15px;

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

    backdrop-filter:blur(15px);

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

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

    border-radius:18px;

    padding:16px 18px;

    box-shadow:0 20px 45px rgba(0,0,0,.10);

    min-width:240px;

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

}

.floating-card i{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    color:#fff;

    flex-shrink:0;

}


/* Individual Icon Colors */

.card-one i{

    background:#0A2E6F;

}

.card-two i{

    background:#F6B31A;

}

.card-three i{

    background:#27AE60;

}


/* Text */

.floating-card strong{

    display:block;

    font-size:16px;

    color:#0A2E6F;

    margin-bottom:3px;

}

.floating-card span{

    font-size:13px;

    color:#666;

}


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

.card-one{

    top:8%;

    left:-70px;

}

.card-two{

    top:48%;

    right:-70px;

}

.card-three{

    bottom:8%;

    left:-40px;

}


/*=========================================
 ANIMATION
=========================================*/

@keyframes floatCard{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-10px);

    }

    100%{

        transform:translateY(0px);

    }

}


.hero-image-box::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    background:radial-gradient(circle,#F6B31A33 0%,transparent 70%);

    right:-80px;

    top:-50px;

    z-index:-1;

    filter:blur(30px);

}

.hero-image-box::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:radial-gradient(circle,#0A2E6F22 0%,transparent 70%);

    left:-70px;

    bottom:-50px;

    z-index:-1;

    filter:blur(30px);

}


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

@media (max-width:1199px){

.hero{

padding:150px 0 80px;

}

.hero-container{

grid-template-columns:1fr;

gap:70px;

}

.hero-left{

text-align:center;

}

.hero-left p{

max-width:100%;

}

.hero-buttons{

justify-content:center;

}

.hero-stats{

justify-content:center;

}

.hero-right{

order:0;

}

.hero-image-box{

max-width:620px;

margin:auto;

}

.card-one{

top:40px;

left:-20px;

}

.card-two{

right:-20px;

}

.card-three{

left:20px;

bottom:25px;

}

}



@media (max-width:991px){

.hero{

padding:130px 0 70px;

min-height:auto;

}

.hero-left h1{

font-size:52px;

}

.hero-left p{

font-size:18px;

}

.hero-image-box{

max-width:540px;

}

.floating-card{

min-width:210px;

padding:14px 16px;

}

.floating-card i{

width:46px;

height:46px;

font-size:20px;

}

}



@media (max-width:767px){

.hero{

padding:120px 0 60px;

}

.hero-left{

text-align:center;

}

.hero-left h1{

font-size:42px;

line-height:1.15;

}

.hero-left p{

font-size:17px;

line-height:1.8;

}

.hero-buttons{

flex-direction:column;

align-items:center;

}

.btn-main,

.btn-secondary{

width:260px;

}

.hero-stats{

flex-direction:column;

}

.stat-card{

width:100%;

min-width:100%;

}

.hero-image-box{

max-width:100%;

}

.floating-card{

position:relative;

left:auto !important;

right:auto !important;

top:auto !important;

bottom:auto !important;

margin-top:15px;

width:100%;

animation:none;

}

}



@media (max-width:480px){

.hero-left h1{

font-size:34px;

}

.hero-badge{

font-size:13px;

padding:10px 18px;

}

.hero-left p{

font-size:16px;

}

.btn-main,

.btn-secondary{

width:100%;

}

.floating-card{

padding:14px;

}

.floating-card strong{

font-size:15px;

}

}



/*==================================================
 WHY GROWTHSNAP
==================================================*/

.why-section{

    position:relative;

    padding:110px 0;

    background:#ffffff;

    overflow:hidden;

}


/*==========================
SECTION HEADING
==========================*/

.section-heading{

    max-width:760px;

    margin:0 auto 70px;

    text-align:center;

}

.section-badge{

    display:inline-block;

    padding:12px 24px;

    background:#FFF7DF;

    color:var(--primary);

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.section-heading h2{

    font-size:52px;

    font-weight:800;

    color:var(--primary);

    margin-bottom:22px;

    line-height:1.15;

}

.section-heading h2 span{

    color:var(--secondary);

}

.section-heading p{

    font-size:18px;

    color:#666;

    line-height:1.9;

}


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

.why-grid{

    display:grid;

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

    gap:30px;

}


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

.why-card{

    background:#ffffff;

    border:1px solid #edf2fa;

    border-radius:22px;

    padding:40px 30px;

    transition:.35s;

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

    position:relative;

    overflow:hidden;

}

.why-card:hover{

    transform:translateY(-10px);

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

}
.why-card:hover{

background:#F8FBFF;

}
.why-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:5px;

    height:0;

    background:var(--secondary);

    transition:.35s;

}

.why-card:hover::before{

    height:100%;

}


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

.why-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    background:linear-gradient(135deg,#0A2E6F,#123F95);

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:28px;

    transition:.35s;

}

.why-card:hover .why-icon{

    background:linear-gradient(135deg,#F6B31A,#FDB913);

    transform:rotate(-8deg);

}

.why-icon i{

    font-size:30px;

    color:#fff;

}


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

.why-card h3{

    font-size:24px;

    font-weight:700;

    color:var(--primary);

    margin-bottom:18px;

}

.why-card p{

    font-size:16px;

    color:#666;

    line-height:1.8;

}

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

@media(max-width:1199px){

.why-grid{

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

}

}

@media(max-width:767px){

.section-heading h2{

font-size:38px;

}

.section-heading p{

font-size:16px;

}

.why-grid{

grid-template-columns:1fr;

}

.why-card{

text-align:center;

}

.why-icon{

margin:0 auto 25px;

}

}

/*==================================================
 OUR SOLUTIONS
==================================================*/

.solutions-section{

    padding:120px 0;

    background:#F8FBFF;

    position:relative;

    overflow:hidden;

}

.solution-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:80px;

    align-items:center;

    margin-bottom:120px;

}

.solution-row:last-child{

    margin-bottom:0;

}

.solution-row.reverse{

    direction:rtl;

}

.solution-row.reverse > *{

    direction:ltr;

}



/*=================================
IMAGE
=================================*/

.solution-image{

    position:relative;

    background:#fff;

    border-radius:30px;

    padding:18px;

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

    transition:.4s;

}

.solution-image:hover{

    transform:translateY(-10px);

}

.solution-image img{

    width:100%;

    display:block;

    border-radius:22px;

}

.solution-image::after{

    content:"";

    position:absolute;

    bottom:-10px;

    left:50%;

    transform:translateX(-50%);

    width:160px;

    height:6px;

    border-radius:10px;

    background:linear-gradient(90deg,#0A2E6F,#F6B31A);

}


.solution-badge{

    position:absolute;

    top:35px;

    left:35px;

    z-index:5;

    display:flex;

    align-items:center;

    gap:10px;

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

    backdrop-filter:blur(12px);

    padding:12px 20px;

    border-radius:50px;

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

    font-size:14px;

    font-weight:600;

    color:var(--primary);

}

.solution-badge i{

    color:var(--secondary);

    font-size:18px;

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

.solution-content h3{

    font-size:42px;

    font-weight:800;

    color:var(--primary);

    margin:18px 0 22px;

    line-height:1.2;

}

.solution-content p{

    font-size:18px;

    color:#666;

    line-height:1.9;

    margin-bottom:30px;

}



/*=================================
TAG
=================================*/

.solution-tag{

    display:inline-block;

    background:#FFF7DF;

    color:var(--primary);

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

}



/*=================================
LIST
=================================*/

.solution-list{

    margin-bottom:40px;

}

.solution-list li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:18px;

    color:#555;

    font-size:17px;

    line-height:1.6;
	text-align:left;

}

.solution-list i{

    color:#0A2E6F;

    font-size:18px;

    margin-top:3px;

}

.solution-list li{

    transition:.30s;

}

.solution-list li:hover{

    transform:translateX(8px);

    color:var(--primary);

}

.solution-list li:hover i{

    color:var(--secondary);

}

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

.solution-content .btn-main{

    min-width:260px;

}



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

.solutions-section::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    right:-180px;

    top:-120px;

    background:#F6B31A15;

    border-radius:50%;

    filter:blur(90px);

}

.solutions-section::after{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    left:-120px;

    bottom:-80px;

    background:#0A2E6F10;

    border-radius:50%;

    filter:blur(90px);

}

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

@media(max-width:1199px){

.solution-row{

grid-template-columns:1fr;

gap:50px;

}

.solution-row.reverse{

direction:ltr;

}

.solution-image{

order:-1;

}

}



@media(max-width:768px){

.solution-content{

text-align:center;

}

.solution-content h3{

font-size:34px;

}

.solution-content p{

font-size:16px;

}

.solution-list li{

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

}

.solution-content .btn-main{

width:100%;

}

}

@media(max-width:768px){

.solution-badge{

left:20px;

top:20px;

font-size:13px;

padding:10px 16px;

}

}

.solution-divider{

width:100%;

height:1px;

background:#E8EDF5;

margin:35px 0;

}


/*==========================================
TIMELINE
==========================================*/

.timeline{

    position:relative;

    max-width:1100px;

    margin:80px auto 0;

}

.timeline::before{

    content:"";

    position:absolute;

    left:50%;

    top:0;

    width:4px;

    height:100%;

    background:linear-gradient(#0A2E6F,#F6B31A);

    transform:translateX(-50%);

}

.timeline-item{

    width:50%;

    padding:30px 60px;

    position:relative;

}

.timeline-item.left{

    left:0;

}

.timeline-item.right{

    left:50%;

}

.timeline-content{

    background:#fff;

    padding:35px;

    border-radius:25px;

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

    transition:.35s;

    position:relative;

}

.timeline-content:hover{

    transform:translateY(-8px);

}

.timeline-icon{

    width:70px;

    height:70px;

    border-radius:50%;

    background:linear-gradient(135deg,#0A2E6F,#1D4EA6);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    margin-bottom:20px;

}

.timeline-content span{

    color:#F6B31A;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.timeline-content h3{

    margin:12px 0;

    font-size:28px;

    color:#0A2E6F;

}

.timeline-content p{

    color:#666;

    line-height:1.8;

}

/* DOT */

.timeline-item::before{

    content:"";

    position:absolute;

    width:22px;

    height:22px;

    border-radius:50%;

    background:#F6B31A;

    top:70px;

    z-index:10;

}

.timeline-item.left::before{

    right:-11px;

}

.timeline-item.right::before{

    left:-11px;

}

@media(max-width:991px){

.timeline::before{

left:30px;

}

.timeline-item{

width:100%;

left:0!important;

padding-left:80px;

padding-right:20px;

margin-bottom:40px;

}

.timeline-item::before{

left:20px!important;

}

}

/*==================================================
INDUSTRIES WE SERVE
==================================================*/

.industries-section{

    padding:120px 0;

    background:#ffffff;

}

.industries-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.industry-card{

    background:#fff;

    border-radius:24px;

    padding:35px 30px;

    text-align:center;

    border:1px solid #edf2fa;

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

    transition:.35s;

}

.industry-card:hover{

    transform:translateY(-10px);

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

    border-color:#F6B31A;

}

.industry-icon{

    width:80px;
    height:80px;
    margin:0 auto 25px;
    border-radius:50%;
    background:linear-gradient(135deg,#0A2E6F,#184AA8);

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

    transition:.35s;

}
.industry-icon i{

    color:#fff !important;

}

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

    color:#0A2E6F !important;

}
.industry-icon i{

    color:#fff;
    font-size:34px;
    transition:.35s;

}

.industry-card:hover .industry-icon{

    background:linear-gradient(135deg,#F6B31A,#FDB913);
    transform:rotate(-10deg);

}

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

    color:#0A2E6F;

}
.industry-card h3{

    font-size:24px;

    font-weight:700;

    color:var(--primary);

    margin-bottom:15px;

}

.industry-card p{

    font-size:15px;

    line-height:1.8;

    color:#666;

}

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

@media(max-width:1199px){

.industries-grid{

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

}

}

@media(max-width:767px){

.industries-grid{

grid-template-columns:1fr;

}

.industry-card{

padding:30px 25px;

}

}

/*==================================================
WHY CHOOSE GROWTHSNAP
==================================================*/

.choose-section{

    padding:120px 0;

    background:#F8FBFF;

}

.choose-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.choose-card{

    background:#fff;

    border-radius:24px;

    padding:40px 35px;

    border:1px solid #EDF2FA;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.choose-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:linear-gradient(90deg,#0A2E6F,#F6B31A);

    transform:scaleX(0);

    transition:.35s;

}

.choose-card:hover::before{

    transform:scaleX(1);

}

.choose-card:hover{

    transform:translateY(-10px);

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

}

.choose-icon{

    width:75px;

    height:75px;

    border-radius:20px;

    background:linear-gradient(135deg,#0A2E6F,#184AA8);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:32px;

    margin-bottom:25px;

    transition:.35s;

}

.choose-card:hover .choose-icon{

    background:linear-gradient(135deg,#F6B31A,#FDB913);

    transform:rotate(-8deg);

}

.choose-card h3{

    font-size:24px;

    color:var(--primary);

    margin-bottom:18px;

    font-weight:700;

}

.choose-card p{

    color:#666;

    line-height:1.8;

    font-size:16px;

}


/*==================================================
WHY CHOOSE RESPONSIVE
==================================================*/

@media(max-width:1199px){

.choose-grid{

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

}

}

@media(max-width:767px){

.choose-grid{

grid-template-columns:1fr;

}

.choose-card{

text-align:center;

}

.choose-icon{

margin:0 auto 25px;

}

}

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

.process-section{

padding:120px 0;

background:#F8FBFF;

}

.roadmap{

max-width:900px;

margin:80px auto;

position:relative;

}

.roadmap::before{

content:"";

position:absolute;

left:50%;

top:0;

width:6px;

height:100%;

background:linear-gradient(#0A2E6F,#F6B31A);

transform:translateX(-50%);

border-radius:20px;

}

.road-step{

position:relative;

width:50%;

padding:20px 50px;

margin-bottom:60px;

}

.road-step.left{

left:0;

text-align:right;

}

.road-step.right{

left:50%;

}

.road-card{

background:#fff;

padding:30px;

border-radius:25px;

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

transition:.35s;

}

.road-card:hover{

transform:translateY(-8px);

}

.road-card i{

font-size:34px;

color:#F6B31A;

margin-bottom:18px;

display:block;

}

.road-card h3{

font-size:24px;

margin-bottom:12px;

color:#0A2E6F;

}

.road-card p{

color:#666;

line-height:1.8;

}

.road-circle{

position:absolute;

width:70px;

height:70px;

background:#0A2E6F;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

color:#fff;

font-weight:700;

font-size:22px;

top:40px;

z-index:5;

border:6px solid #fff;

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

}

.road-step.left .road-circle{

right:-35px;

}

.road-step.right .road-circle{

left:-35px;

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

.roadmap::before{

left:35px;

}

.road-step{

width:100%;

left:0!important;

padding-left:90px;

padding-right:20px;

text-align:left!important;

}

.road-circle{

left:0!important;

}

}

/*=========================================
FAQ
=========================================*/

.faq-section{

padding:120px 0;

background:#fff;

}

.faq-wrapper{

max-width:900px;

margin:70px auto 0;

}

.faq-item{

background:#fff;

border:1px solid #E8EDF5;

border-radius:18px;

margin-bottom:20px;

overflow:hidden;

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

}

.faq-question{

width:100%;

padding:25px 30px;

display:flex;

justify-content:space-between;

align-items:center;

background:none;

border:none;

font-size:20px;

font-weight:600;

color:#0A2E6F;

cursor:pointer;

}

.faq-answer{

display:none;

padding:0 30px 25px;

}

.faq-answer p{

color:#666;

line-height:1.9;

}

.faq-item.active .faq-answer{

display:block;

}

.faq-item.active i{

transform:rotate(45deg);

}

.faq-question i{

transition:.35s;

}

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

.cta-section{

    padding:120px 0;

    background:linear-gradient(135deg,#0A2E6F,#153F8A);

    position:relative;

    overflow:hidden;

}

.cta-wrapper{

    display:grid;

    grid-template-columns:2fr 1fr;

    gap:60px;

    align-items:center;

}

.cta-badge{

    display:inline-block;

    padding:10px 20px;

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

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

    color:#FFD66B;

    border-radius:50px;

    margin-bottom:25px;

    font-weight:600;

}

.cta-content h2{

    font-size:56px;

    color:#fff;

    font-weight:800;

    margin-bottom:25px;

    line-height:1.15;

}

.cta-content p{

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

    font-size:18px;

    line-height:1.9;

    max-width:700px;

    margin-bottom:40px;

}

.cta-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.cta-contact{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.contact-card{

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

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

    backdrop-filter:blur(12px);

    border-radius:24px;

    padding:35px;

    text-align:center;

}

.contact-card i{

    font-size:34px;

    color:#FFD66B;

    margin-bottom:20px;

}

.contact-card h4{

    color:#fff;

    margin-bottom:10px;

}

.contact-card a{

    color:#fff;

    text-decoration:none;

    font-size:18px;

    word-break:break-word;

}

.contact-card a:hover{

    color:#FFD66B;

}

@media(max-width:991px){

.cta-wrapper{

grid-template-columns:1fr;

}

.cta-content{

text-align:center;

}

.cta-buttons{

justify-content:center;

}

}

@media(max-width:767px){

.cta-content h2{

font-size:38px;

}

.contact-card{

padding:25px;

}

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

.footer{

background:#071F4F;

padding:90px 0 0;

}

.footer-grid{

display:grid;

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

gap:60px;

}

.footer-logo{

height:70px;

margin-bottom:25px;

}

.footer-about{

color:#BFCBE3;

line-height:1.9;

font-size:16px;

max-width:420px;

}

.footer-column h4{

color:#fff;

margin-bottom:25px;

font-size:22px;

}

.footer-column ul{

list-style:none;

padding:0;

margin:0;

}

.footer-column li{

margin-bottom:15px;

}

.footer-column a{

color:#BFCBE3;

text-decoration:none;

transition:.3s;

}

.footer-column a:hover{

color:#F6B31A;

padding-left:5px;

}

.footer-contact li{

display:flex;

align-items:center;

gap:12px;

color:#BFCBE3;

}

.footer-contact i{

color:#F6B31A;

}

.footer-bottom{

margin-top:70px;

padding:25px 0;

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

}

.footer-bottom-wrapper{

display:flex;

justify-content:space-between;

align-items:center;

flex-wrap:wrap;

gap:20px;

}

.footer-bottom p{

margin:0;

color:#BFCBE3;

}

.footer-links{

display:flex;

gap:25px;

}

.footer-links a{

color:#BFCBE3;

text-decoration:none;

}

.footer-links a:hover{

color:#F6B31A;

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

.footer-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:767px){

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.footer-about{

margin:auto;

}

.footer-contact li{

justify-content:center;

}

.footer-bottom-wrapper{

flex-direction:column;

}

.footer-links{

justify-content:center;

flex-wrap:wrap;

}

}
/*==================================================
ABOUT HERO
==================================================*/

.about-hero{

    position:relative;

    padding:140px 0 110px;

    background:linear-gradient(180deg,#ffffff 0%,#F7FAFF 100%);

    overflow:hidden;

}

/* Decorative Glow */

.about-hero::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    right:-180px;

    top:-150px;

    background:rgba(246,179,26,.15);

    border-radius:50%;

    filter:blur(100px);

}

.about-hero::after{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    left:-180px;

    bottom:-180px;

    background:rgba(10,46,111,.08);

    border-radius:50%;

    filter:blur(100px);

}

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

.about-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

    position:relative;

    z-index:2;

}

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

.about-content h1{

    font-size:64px;

    line-height:1.1;

    font-weight:800;

    color:var(--primary);

    margin:25px 0;

}

.about-content h1 span{

    color:var(--secondary);

    display:block;

}

.about-content p{

    font-size:19px;

    line-height:1.9;

    color:#666;

    max-width:650px;

    margin-bottom:45px;

}

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

.about-image{

    position:relative;
    z-index:1;
}

.about-image img{

    width:100%;

    display:block;

    border-radius:30px;

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

    transition:.4s;

}

.about-image img:hover{

    transform:translateY(-10px);

}

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

.about-image::before{

    content:"Business Growth";

    position:absolute;

    top:35px;

    left:-35px;

    background:#ffffff;

    color:var(--primary);

    padding:16px 28px;

    border-radius:18px;

    font-weight:700;

    box-shadow:0 18px 45px rgba(0,0,0,.08);
    z-index:11;

}

.about-image::after{

    content:"Trusted Advisory";

    position:absolute;

    bottom:35px;

    right:-35px;

    background:#ffffff;

    color:var(--primary);

    padding:16px 28px;

    border-radius:18px;

    font-weight:700;

    box-shadow:0 18px 45px rgba(0,0,0,.08);
    z-index:11;

}

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

.about-content .hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

/*==================================================
ABOUT HERO RESPONSIVE
==================================================*/

@media(max-width:1199px){

.about-grid{

grid-template-columns:1fr;

gap:60px;

}

.about-content{

text-align:center;

}

.about-content p{

margin:auto auto 40px;

}

.about-content .hero-buttons{

justify-content:center;

}

.about-image{

max-width:700px;

margin:auto;

}

.about-image::before{

left:20px;

}

.about-image::after{

right:20px;

}

}

@media(max-width:767px){

.about-hero{

padding:110px 0 80px;

}

.about-content h1{

font-size:42px;

}

.about-content p{

font-size:16px;

}

.about-image::before,

.about-image::after{

position:static;

display:inline-block;

margin:15px 8px 0;

}

}

/*==================================================
OUR STORY
==================================================*/

.story-section{

    padding:120px 0;

    background:#ffffff;

}

.story-grid{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:80px;

    align-items:center;

}

.story-content h2{

    font-size:50px;

    color:var(--primary);

    margin:25px 0;

    line-height:1.2;

    font-weight:800;

}

.story-content h2 span{

    color:var(--secondary);

    display:block;

}

.story-content p{

    font-size:18px;

    color:#666;

    line-height:1.9;

    margin-bottom:25px;

}

.story-quote{

    background:linear-gradient(135deg,#0A2E6F,#153F8A);

    color:#fff;

    padding:50px;

    border-radius:30px;

    box-shadow:0 30px 70px rgba(0,0,0,.12);

    position:relative;

}

.story-quote i{

    font-size:55px;

    color:#F6B31A;

}

.story-quote h3{

    font-size:34px;

    line-height:1.3;

    margin:20px 0;

}

.story-quote p{

    line-height:1.9;

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

}

.quote-line{

    width:90px;

    height:4px;

    background:#F6B31A;

    margin:35px 0 20px;

    border-radius:20px;

}

.story-quote span{

    color:#FFD66B;

    font-weight:600;

}

/*==================================================
OUR STORY RESPONSIVE
==================================================*/

@media(max-width:991px){

.story-grid{

grid-template-columns:1fr;

gap:50px;

}

.story-content{

text-align:center;

}

.story-content h2{

font-size:40px;

}

.story-quote{

padding:35px;

}

}

@media(max-width:767px){

.story-content h2{

font-size:34px;

}

.story-content p{

font-size:16px;

}

.story-quote h3{

font-size:26px;

}

}

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

.mission-section{

    padding:120px 0;

    background:#F8FBFF;

}

.mission-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;

    margin-top:70px;

}

.mission-card{

    border-radius:30px;

    padding:55px 45px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.mission-card:hover{

    transform:translateY(-10px);

}

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

.mission-blue{

    background:linear-gradient(135deg,#0A2E6F,#17479F);

    color:#fff;

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

}

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

.mission-white{

    background:#fff;

    border:1px solid #E8EDF5;

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

}

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

.mission-icon{

    width:85px;

    height:85px;

    border-radius:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    margin-bottom:30px;

}

.mission-blue .mission-icon{

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

    color:#F6B31A;

}

.mission-white .mission-icon{

    background:#EEF5FF;

    color:#0A2E6F;

}

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

.mission-card h3{

    font-size:34px;

    font-weight:800;

    margin-bottom:22px;

}

.mission-blue p{

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

    line-height:1.9;

    font-size:17px;

}

.mission-white h3{

    color:#0A2E6F;

}

.mission-white p{

    color:#666;

    line-height:1.9;

    font-size:17px;

}

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

@media(max-width:991px){

.mission-grid{

grid-template-columns:1fr;

}

}

@media(max-width:767px){

.mission-card{

padding:35px 30px;

text-align:center;

}

.mission-icon{

margin:0 auto 25px;

}

.mission-card h3{

font-size:28px;

}

.mission-card p{

font-size:16px;

}

}

/*==================================================
OUR TWO GROWTH PILLARS
==================================================*/

.pillars-section{

    padding:120px 0;

    background:#ffffff;

}

.pillar-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

    margin-bottom:120px;

}

.pillar-row:last-child{

    margin-bottom:0;

}

.pillar-row.reverse{

    direction:rtl;

}

.pillar-row.reverse>*{

    direction:ltr;

}

.pillar-image img{

    width:100%;

    border-radius:30px;

    display:block;

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

}

.pillar-tag{

    display:inline-block;

    padding:10px 22px;

    background:#FFF7DF;

    color:#0A2E6F;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.pillar-content h3{

    font-size:42px;

    color:#0A2E6F;

    margin-bottom:20px;

}

.pillar-content p{

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin-bottom:30px;

}

.pillar-content ul{

    list-style:none;

    padding:0;

    margin:0;

}

.pillar-content li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:16px;

    font-size:17px;

    color:#555;

}

.pillar-content li i{

    color:#F6B31A;

    margin-top:4px;

}

@media(max-width:991px){

.pillar-row{

grid-template-columns:1fr;

gap:50px;

margin-bottom:80px;

}

.pillar-row.reverse{

direction:ltr;

}

.pillar-content{

text-align:center;

}

.pillar-content li{

justify-content:center;

text-align:left;

}

}

/*==================================================
OUR CORE VALUES
==================================================*/

.values-section{

    padding:120px 0;

    background:#F8FBFF;

}

.values-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.value-card{

    background:#fff;

    border-radius:24px;

    padding:40px 35px;

    text-align:center;

    border:1px solid #E8EDF5;

    box-shadow:0 18px 45px rgba(0,0,0,.05);

    transition:.35s;

}

.value-card:hover{

    transform:translateY(-10px);

    border-color:#F6B31A;

    box-shadow:0 28px 60px rgba(0,0,0,.10);

}

.value-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:22px;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(135deg,#0A2E6F,#184AA8);

    color:#fff;

    font-size:34px;

    transition:.35s;

}

.value-card:hover .value-icon{

    background:linear-gradient(135deg,#F6B31A,#FDB913);

    transform:rotate(-8deg);

}

.value-card h3{

    font-size:26px;

    color:#0A2E6F;

    margin-bottom:18px;

}

.value-card p{

    color:#666;

    line-height:1.8;

    font-size:16px;

}
/*==================================================
VALUES RESPONSIVE
==================================================*/

@media(max-width:991px){

.values-grid{

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

}

}

@media(max-width:767px){

.values-grid{

grid-template-columns:1fr;

}

.value-card{

padding:35px 25px;

}

}
/*==================================================
WHY BUSINESSES TRUST
==================================================*/

.trust-section{

    padding:120px 0;

    background:#ffffff;

}

.trust-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.trust-content h2{

    font-size:50px;

    font-weight:800;

    line-height:1.2;

    color:#0A2E6F;

    margin:25px 0;

}

.trust-content h2 span{

    display:block;

    color:#F6B31A;

}

.trust-content p{

    font-size:18px;

    line-height:1.9;

    color:#666;

    margin-bottom:25px;

}

.trust-points{

    display:flex;

    flex-direction:column;

    gap:25px;

}

.trust-item{

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:28px;

    background:#fff;

    border-radius:22px;

    border:1px solid #E8EDF5;

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

    transition:.35s;

}

.trust-item:hover{

    transform:translateX(10px);

    border-color:#F6B31A;

}

.trust-item i{

    font-size:28px;

    color:#F6B31A;

    flex-shrink:0;

    margin-top:4px;

}

.trust-item h4{

    font-size:22px;

    color:#0A2E6F;

    margin-bottom:10px;

}

.trust-item p{

    color:#666;

    line-height:1.8;

    margin:0;

}
/*==================================================
TRUST RESPONSIVE
==================================================*/

@media(max-width:991px){

.trust-grid{

grid-template-columns:1fr;

gap:50px;

}

.trust-content{

text-align:center;

}

}

@media(max-width:767px){

.trust-content h2{

font-size:36px;

}

.trust-content p{

font-size:16px;

}

.trust-item{

padding:22px;

}

.trust-item h4{

font-size:20px;

}

}
/*==================================================
SERVICES HERO
==================================================*/

.services-hero{

padding:140px 0 120px;

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

overflow:hidden;

position:relative;

}

.services-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:80px;

align-items:center;

}

.services-content h1{

font-size:72px;

font-weight:800;

line-height:1.05;

margin:25px 0;

color:#0A2E6F;

}

.services-content h1 span{

display:block;

color:#F6B31A;

}

.services-content p{

font-size:19px;

line-height:1.9;

color:#666;

max-width:650px;

margin-bottom:45px;

}

.services-image img{

width:100%;

display:block;

border-radius:30px;

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

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

.services-grid{

grid-template-columns:1fr;

text-align:center;

}

.services-content p{

margin:auto auto 40px;

}

.services-image{

max-width:700px;

margin:auto;

}

}

@media(max-width:767px){

.services-content h1{

font-size:46px;

}

.services-content p{

font-size:16px;

}

}

/*==================================================
SERVICE CATEGORIES
==================================================*/

.service-category-section{

    padding:120px 0;

    background:#ffffff;

}

.category-grid{

    display:grid;

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

    gap:40px;

    margin-top:70px;

}

.category-card{

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    border:1px solid #E8EDF5;

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

    transition:.35s;

}

.category-card:hover{

    transform:translateY(-10px);

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

}

.category-image{

    overflow:hidden;

}

.category-image img{

    width:100%;

    display:block;

    transition:.5s;

}

.category-card:hover .category-image img{

    transform:scale(1.05);

}

.category-content{

    padding:35px;

}

.category-tag{

    display:inline-block;

    padding:8px 18px;

    background:#FFF5DA;

    color:#0A2E6F;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.category-content h3{

    font-size:34px;

    color:#0A2E6F;

    margin-bottom:18px;

}

.category-content p{

    color:#666;

    line-height:1.9;

    margin-bottom:30px;

}

.btn-outline{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#0A2E6F;

    font-weight:700;

    text-decoration:none;

    transition:.3s;

}

.btn-outline:hover{

    color:#F6B31A;

}

.btn-outline i{

    transition:.3s;

}

.btn-outline:hover i{

    transform:translateX(6px);

}

/*==================================================
SERVICE CATEGORY RESPONSIVE
==================================================*/

@media(max-width:991px){

.category-grid{

grid-template-columns:1fr;

}

.category-content{

text-align:center;

}

}

/*==================================================
STRUCTURED FINANCE
==================================================*/

.finance-services{

    padding:120px 0;

    background:#F8FBFF;

}

.finance-grid{

    display:grid;

    grid-template-columns:1fr 1.1fr;

    gap:70px;

    align-items:center;

}

.finance-left img{

    width:100%;

    display:block;

    border-radius:30px;

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

}

.finance-right h2{

    font-size:50px;

    line-height:1.2;

    color:#0A2E6F;

    margin:25px 0;

}

.finance-right h2 span{

    display:block;

    color:#F6B31A;

}

.finance-right>p{

    color:#666;

    line-height:1.9;

    margin-bottom:40px;

}

.finance-list{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.finance-item{

    display:flex;

    gap:20px;

    background:#fff;

    padding:25px;

    border-radius:20px;

    border:1px solid #E8EDF5;

    transition:.35s;

}

.finance-item:hover{

    transform:translateX(10px);

    border-color:#F6B31A;

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

}

.finance-icon{

    width:65px;

    height:65px;

    flex-shrink:0;

    border-radius:18px;

    background:linear-gradient(135deg,#0A2E6F,#184AA8);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

}

.finance-item h4{

    color:#0A2E6F;

    margin-bottom:8px;

    font-size:22px;

}

.finance-item p{

    color:#666;

    line-height:1.8;

    margin:0;

}

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

@media(max-width:991px){

.finance-grid{

grid-template-columns:1fr;

}

.finance-right{

text-align:center;

}

.finance-item{

text-align:left;

}

}

@media(max-width:767px){

.finance-right h2{

font-size:38px;

}

.finance-item{

padding:20px;

}

.finance-icon{

width:55px;

height:55px;

font-size:22px;

}

.finance-item h4{

font-size:20px;

}

}

/*==================================================
THE BIG SHIFT STRATEGY
==================================================*/

.bigshift-section{

    padding:120px 0;

    background:#071F4F;

}

.bigshift-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:70px;

    align-items:center;

}

.bigshift-content h2{

    font-size:54px;

    color:#fff;

    margin:25px 0;

    line-height:1.15;

}

.bigshift-content h2 span{

    display:block;

    color:#F6B31A;

}

.bigshift-content>p{

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

    line-height:1.9;

    margin-bottom:40px;

}

.bigshift-list{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.bigshift-item{

    display:flex;

    gap:18px;

    padding:22px;

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

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

    border-radius:18px;

    transition:.35s;

}

.bigshift-item:hover{

    transform:translateX(10px);

    border-color:#F6B31A;

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

}

.bigshift-icon{

    width:60px;

    height:60px;

    flex-shrink:0;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#F6B31A;

    color:#071F4F;

    border-radius:16px;

    font-size:26px;

}

.bigshift-item h4{

    color:#fff;

    margin-bottom:8px;

    font-size:21px;

}

.bigshift-item p{

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

    margin:0;

    line-height:1.7;

}

.bigshift-image img{

    width:100%;

    display:block;

    border-radius:28px;

    box-shadow:0 30px 70px rgba(0,0,0,.25);

}

/*==================================================
BIG SHIFT RESPONSIVE
==================================================*/

@media(max-width:991px){

.bigshift-grid{

grid-template-columns:1fr;

}

.bigshift-content{

text-align:center;

}

.bigshift-item{

text-align:left;

}

}

@media(max-width:767px){

.bigshift-content h2{

font-size:40px;

}

.bigshift-item{

padding:18px;

}

.bigshift-icon{

width:52px;

height:52px;

font-size:22px;

}

}

/*==================================================
WHY OUR APPROACH WORKS
==================================================*/

.approach-section{

    padding:120px 0;

    background:#fff;

}

.journey-wrapper{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:45px;

    margin-top:70px;

}

.journey-card{

    border-radius:28px;

    overflow:hidden;

}

.traditional{

    background:#F8FAFD;

    border:1px solid #E8EDF5;

}

.growthsnap{

    background:linear-gradient(135deg,#0A2E6F,#153F8A);

}

.journey-card h3{

    padding:35px;

    margin:0;

    text-align:center;

    font-size:32px;

}

.traditional h3{

    color:#555;

    background:#EEF2F8;

}

.growthsnap h3{

    color:#fff;

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

}

.journey-flow{

    padding:40px;

}

.journey-step{

    text-align:center;

}

.journey-step i{

    font-size:34px;

}

.traditional .journey-step i{

    color:#D9534F;

}

.growthsnap .journey-step i{

    color:#F6B31A;

}

.journey-step h4{

    margin:15px 0 8px;

    font-size:22px;

}

.traditional .journey-step h4{

    color:#333;

}

.growthsnap .journey-step h4{

    color:#fff;

}

.journey-step p{

    margin:0;

    line-height:1.7;

}

.traditional .journey-step p{

    color:#666;

}

.growthsnap .journey-step p{

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

}

.journey-arrow{

    text-align:center;

    margin:18px 0;

}

.journey-arrow i{

    font-size:28px;

}

.traditional .journey-arrow{

    color:#999;

}

.growthsnap .journey-arrow{

    color:#F6B31A;

}

@media(max-width:991px){

.journey-wrapper{

grid-template-columns:1fr;

}

}

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

.industries-section{

    padding:120px 0;

    background:#F8FBFF;

}

.industry-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

.industry-card{

    background:#fff;

    border-radius:22px;

    padding:40px 20px;

    text-align:center;

    border:1px solid #E8EDF5;

    transition:.35s;

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

}

.industry-card:hover{

    transform:translateY(-8px);

    border-color:#F6B31A;

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

}

.industry-card i{

    font-size:42px;

    color:#0A2E6F;

    margin-bottom:20px;

    display:block;

}

.industry-card h4{

    color:#0A2E6F;

    font-size:22px;

    margin:0;

}

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

@media(max-width:991px){

.industry-grid{

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

}

}

@media(max-width:767px){

.industry-grid{

grid-template-columns:1fr;

}

.industry-card{

padding:30px 20px;

}

}

/*==================================================
CONSULTING PROCESS
==================================================*/

.process-section{

    padding:120px 0;

    background:#ffffff;

}

.process-grid{

    display:grid;

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

    gap:25px;

    margin-top:70px;

}

.process-card{

    background:#fff;

    border:1px solid #E8EDF5;

    border-radius:22px;

    padding:35px 25px;

    text-align:center;

    position:relative;

    transition:.35s;

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

}

.process-card:hover{

    transform:translateY(-10px);

    border-color:#F6B31A;

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

}

.process-number{

    position:absolute;

    top:18px;

    right:18px;

    width:40px;

    height:40px;

    border-radius:50%;

    background:#F6B31A;

    color:#fff;

    font-size:14px;

    font-weight:700;

    display:flex;

    justify-content:center;

    align-items:center;

}

.process-card i{

    font-size:42px;

    color:#0A2E6F;

    margin:20px 0;

    display:block;

}

.process-card h4{

    color:#0A2E6F;

    font-size:22px;

    margin-bottom:15px;

}

.process-card p{

    color:#666;

    line-height:1.8;

    font-size:15px;

    margin:0;

}

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

@media(max-width:1200px){

.process-grid{

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

}

}

@media(max-width:991px){

.process-grid{

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

}

}

@media(max-width:767px){

.process-grid{

grid-template-columns:1fr;

}

}

/*==================================================
FAQ
==================================================*/

.faq-section{

    padding:120px 0;

    background:#F8FBFF;

}

.faq-wrapper{

    max-width:900px;

    margin:70px auto 0;

}

.accordion-item{

    border:none;

    border-radius:18px !important;

    overflow:hidden;

    margin-bottom:20px;

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

}

.accordion-button{

    font-size:20px;

    font-weight:600;

    color:#0A2E6F;

    background:#fff;

    padding:24px 28px;

}

.accordion-button:not(.collapsed){

    background:#0A2E6F;

    color:#fff;

    box-shadow:none;

}

.accordion-button:focus{

    box-shadow:none;

}

.accordion-body{

    padding:25px 28px;

    line-height:1.9;

    color:#666;

    background:#fff;

}

.accordion-button::after{

    filter:brightness(0);

}

.accordion-button:not(.collapsed)::after{

    filter:brightness(0) invert(1);

}
/*==================================================
SERVICE CTA
==================================================*/

.service-cta{

    padding:120px 0;

    background:#ffffff;

}

.cta-box{

    background:linear-gradient(135deg,#0A2E6F,#184AA8);

    border-radius:35px;

    padding:80px 70px;

    text-align:center;

    position:relative;

    overflow:hidden;

    box-shadow:0 30px 70px rgba(10,46,111,.20);

}

/* Decorative Glow */

.cta-box::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

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

    border-radius:50%;

    left:-120px;

    top:-120px;

}

.cta-box::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    background:rgba(246,179,26,.15);

    border-radius:50%;

    right:-100px;

    bottom:-100px;

}

.cta-box>*{

    position:relative;

    z-index:2;

}

.cta-box .section-badge{

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

    color:#FFD66B;

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

}

.cta-box h2{

    color:#fff;

    font-size:58px;

    font-weight:800;

    line-height:1.2;

    margin:25px 0;

}

.cta-box p{

    max-width:760px;

    margin:0 auto 40px;

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

    font-size:18px;

    line-height:1.9;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}
/*==================================================
CTA RESPONSIVE
==================================================*/

@media(max-width:991px){

.cta-box{

padding:60px 40px;

}

.cta-box h2{

font-size:42px;

}

}

@media(max-width:767px){

.cta-box{

padding:45px 25px;

}

.cta-box h2{

font-size:32px;

}

.cta-box p{

font-size:16px;

}

}
/*==================================================
CONTACT HERO
==================================================*/

.contact-hero{

    padding:140px 0 120px;

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

}

.contact-hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}

.contact-content h1{

    font-size:64px;

    line-height:1.1;

    font-weight:800;

    color:#0A2E6F;

    margin:25px 0;

}

.contact-content h1 span{

    display:block;

    color:#F6B31A;

}

.contact-content p{

    font-size:19px;

    line-height:1.9;

    color:#666;

    max-width:650px;

    margin-bottom:45px;

}

.contact-image img{

    width:100%;

    border-radius:30px;

    display:block;

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

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

.contact-hero-grid{

grid-template-columns:1fr;

text-align:center;

}

.contact-content p{

margin:auto auto 40px;

}

.contact-image{

max-width:700px;

margin:auto;

}

}

@media(max-width:767px){

.contact-content h1{

font-size:42px;

}

.contact-content p{

font-size:16px;

}

}
/*==================================================
CONTACT INFO
==================================================*/

.contact-info-section{

    padding:100px 0;

    background:#F8FBFF;

}

.contact-info-grid{

    display:grid;

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

    gap:30px;

}

.contact-card{

    background:#fff;

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    border:1px solid #E8EDF5;

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

    transition:.35s;

}

.contact-card:hover{

    transform:translateY(-10px);

    border-color:#F6B31A;

    box-shadow:0 28px 60px rgba(0,0,0,.10);

}

.contact-icon{

    width:80px;

    height:80px;

    margin:0 auto 25px;

    border-radius:22px;

    background:linear-gradient(135deg,#0A2E6F,#184AA8);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:34px;

    transition:.35s;

}

.contact-card:hover .contact-icon{

    background:linear-gradient(135deg,#F6B31A,#FDB913);

    color:#0A2E6F;

    transform:rotate(-8deg);

}

.contact-card h3{

    font-size:24px;

    color:#0A2E6F;

    margin-bottom:12px;

}

.contact-card p{

    color:#666;

    line-height:1.7;

    margin-bottom:15px;

}

.contact-card a{

    text-decoration:none;

    color:#0A2E6F;

    font-weight:700;

    word-break:break-word;

}

.contact-card span{

    display:block;

    color:#0A2E6F;

    font-weight:600;

}
/*==================================================
CONTACT INFO RESPONSIVE
==================================================*/

@media(max-width:1199px){

.contact-info-grid{

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

}

}

@media(max-width:767px){

.contact-info-grid{

grid-template-columns:1fr;

}

.contact-card{

padding:35px 25px;

}

}
/*==================================================
CONTACT FORM
==================================================*/

.contact-form-section{

    padding:120px 0;

    background:#ffffff;

}

.contact-form-grid{

    display:grid;

    grid-template-columns:1.15fr .85fr;

    gap:50px;

    align-items:start;

}

.contact-form-box{

    background:#fff;

    padding:45px;

    border-radius:28px;

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

    border:1px solid #E8EDF5;

}

.contact-form-box h2{

    color:#0A2E6F;

    font-size:36px;

    margin-bottom:15px;

}

.contact-form-box p{

    color:#666;

    margin-bottom:35px;

}

.form-control,
.form-select{

    border-radius:14px;

    padding:15px 18px;

    border:1px solid #D9E3EF;

    min-height:56px;

    box-shadow:none;

}

textarea.form-control{

    min-height:160px;

    resize:vertical;

}

.form-control:focus,
.form-select:focus{

    border-color:#F6B31A;

    box-shadow:0 0 0 .2rem rgba(246,179,26,.15);

}

.contact-side-box{

    background:linear-gradient(135deg,#0A2E6F,#184AA8);

    color:#fff;

    border-radius:28px;

    padding:45px;

}

.contact-side-box .section-badge{

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

    color:#FFD66B;

}

.contact-side-box h2{

    font-size:38px;

    margin:25px 0;

    color:#fff;

}

.contact-side-box p{

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

    line-height:1.9;

    margin-bottom:35px;

}

.contact-feature{

    display:flex;

    gap:18px;

    margin-bottom:28px;

}

.contact-feature i{

    font-size:26px;

    color:#F6B31A;

}

.contact-feature h5{

    margin-bottom:6px;

    color:#fff;

}

.contact-feature span{

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

}

/*==================================================
CONTACT FORM RESPONSIVE
==================================================*/

@media(max-width:991px){

.contact-form-grid{

grid-template-columns:1fr;

}

.contact-side-box{

margin-top:20px;

}

}

@media(max-width:767px){

.contact-form-box,
.contact-side-box{

padding:30px 22px;

}

.contact-form-box h2,
.contact-side-box h2{

font-size:30px;

}

}
/*==================================================
CONTACT CTA
==================================================*/

.contact-cta{

    padding:120px 0;

    background:#F8FBFF;

}

.contact-cta-box{

    background:linear-gradient(135deg,#0A2E6F,#184AA8);

    border-radius:35px;

    padding:80px 60px;

    text-align:center;

    position:relative;

    overflow:hidden;

    box-shadow:0 30px 70px rgba(10,46,111,.20);

}

.contact-cta-box::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    left:-150px;

    top:-150px;

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

    border-radius:50%;

}

.contact-cta-box::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    right:-120px;

    bottom:-120px;

    background:rgba(246,179,26,.15);

    border-radius:50%;

}

.contact-cta-box>*{

    position:relative;

    z-index:2;

}

.contact-cta-box .section-badge{

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

    color:#FFD66B;

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

}

.contact-cta-box h2{

    font-size:56px;

    color:#fff;

    font-weight:800;

    margin:25px 0;

    line-height:1.2;

}

.contact-cta-box p{

    max-width:760px;

    margin:0 auto 45px;

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

    font-size:18px;

    line-height:1.9;

}

.cta-highlight{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:18px;

    margin-bottom:40px;

}

.cta-highlight div{

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

    padding:14px 22px;

    border-radius:50px;

    color:#fff;

    font-weight:600;

}

.cta-highlight i{

    color:#F6B31A;

    margin-right:8px;

}

.contact-cta .cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}
/*==================================================
CONTACT CTA RESPONSIVE
==================================================*/

@media(max-width:991px){

.contact-cta-box{

padding:60px 35px;

}

.contact-cta-box h2{

font-size:42px;

}

}

@media(max-width:767px){

.contact-cta-box{

padding:45px 20px;

}

.contact-cta-box h2{

font-size:32px;

}

.contact-cta-box p{

font-size:16px;

}

.cta-highlight{

flex-direction:column;

align-items:center;

}

}
/*==================================================
LEGAL PAGES
==================================================*/

.inner-page{

    padding:140px 0 100px;

    background:#F8FBFF;

}

.page-content{

    max-width:900px;

    margin:auto;

    background:#fff;

    padding:60px;

    border-radius:24px;

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

}

.page-content h1{

    color:#0A2E6F;

    margin-bottom:30px;

}

.page-content h3{

    color:#0A2E6F;

    margin-top:35px;

    margin-bottom:15px;

}

.page-content p,
.page-content li{

    color:#666;

    line-height:1.9;

}

.page-content ul{

    padding-left:20px;

}
.footer-disclaimer{

    margin-top:20px;

    font-size:13px;

    line-height:1.7;

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

    max-width:700px;

}
/*==================================================
TOP FUNDING BAR
==================================================*/

.top-funding-bar{

    background:#061d39;

    padding:12px 0;

    border-bottom:3px solid #FDB913;

}

.funding-bar-wrap{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.funding-text{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-size:16px;

    font-weight:500;

}

.funding-text i{

    color:#FDB913;

    font-size:22px;

}

.funding-text strong{

    color:#FDB913;

    font-weight:700;

}

.funding-btn{

    background:#ffffff;

    color:#061d39;

    text-decoration:none;

    padding:10px 24px;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.funding-btn:hover{

    background:#FDB913;

    color:#061d39;

}

.funding-btn i{

    margin-left:8px;

    transition:.3s;

}

.funding-btn:hover i{

    transform:translateX(4px);

}