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

.kf-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:14px 32px;

border-radius:50px;

font-family:var(--heading);

font-weight:600;

font-size:15px;

transition:var(--transition);

cursor:pointer;

border:none;

text-decoration:none;

}

.kf-btn-primary{

background:var(--secondary);

color:white;

box-shadow:var(--shadow-sm);

}

.kf-btn-primary:hover{

background:var(--primary);

transform:translateY(-3px);

box-shadow:var(--shadow);

}

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

.kf-social{

display:flex;

gap:10px;

}

.kf-social a{

width:30px;

height:30px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

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

color:white;

transition:.3s;

}

.kf-social a:hover{

background:var(--secondary);

transform:translateY(-3px);

}

/*==================================
ACTIVE MENU
==================================*/

.kf-menu .active{

color:var(--secondary);

}

.kf-menu .active::after{

width:100%;

}

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

.kf-logo img{

transition:.35s;

}

.kf-header.scrolled .kf-logo img{

height:62px;

}

/*==========================================================
 HERO SECTION
 Project UDAAN
 Kalyani Foundation
==========================================================*/

.kf-hero{

position:relative;

overflow:hidden;

display:flex;

align-items:center;

min-height:780px;

padding:60px 0 80px;

background:
radial-gradient(circle at top right,#edf5ff 0%,transparent 45%),
radial-gradient(circle at bottom left,#fff5ea 0%,transparent 35%),
linear-gradient(180deg,#ffffff 0%,#f9fbfe 100%);

}

.kf-hero-grid{
    display:grid;
    grid-template-columns:7fr 5fr;
    align-items:center;
    gap:70px;
}

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

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

.kf-hero-tag{

    display:inline-flex;
    align-items:center;

    padding:10px 22px;

    border-radius:40px;

    background:#fff4e8;

    color:var(--secondary);

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:25px;

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

}

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

.kf-hero-title{

    margin:0;

    font-size:clamp(40px,4.6vw,58px);

    line-height:1.08;

    font-weight:800;

    color:var(--primary);

}

.kf-hero-title span{

    color:var(--secondary);

}

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

.kf-hero-description{

    margin-top:35px;

    max-width:650px;

    color:#5d6676;

    font-size:18px;

    line-height:1.9;

}

.kf-hero-highlight{

    margin-top:25px;

    color:#213547;

    font-size:18px;

    line-height:1.8;

    font-weight:600;

}

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

.kf-hero-buttons{

    display:flex;

    gap:20px;

    margin-top:40px;

    flex-wrap:wrap;

}

.kf-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    border-radius:50px;

    font-size:15px;

    font-weight:700;

    text-decoration:none;

    transition:.35s ease;

}

.kf-btn-primary{

    background:var(--secondary);

    color:#fff;

    box-shadow:0 12px 28px rgba(241,125,32,.28);

}

.kf-btn-primary:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(241,125,32,.35);

}

.kf-btn-outline{

    border:2px solid var(--primary);

    color:var(--primary);

    background:#fff;

}

.kf-btn-outline:hover{

    background:var(--primary);

    color:#fff;

    transform:translateY(-4px);

}

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

.kf-hero-trust{

    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:14px;

    margin-top:45px;

    font-size:15px;

    color:#6b7280;

    font-weight:600;

}

.kf-hero-trust .dot{

    width:6px;

    height:6px;

    background:var(--secondary);

    border-radius:50%;

}

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

.kf-hero-image{

    position:relative;

    display:flex;

    justify-content:center;

    align-items:center;

}

.kf-hero-image img{

    width:100%;

    max-width:700px;

    height:auto;

    display:block;

    position:relative;

    z-index:2;

}

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

.kf-floating-card{

    position:absolute;

    left:-40px;

    bottom:45px;

    width:260px;

    background:#fff;

    border-radius:18px;

    padding:25px;

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

    z-index:5;

}

.kf-floating-card small{

    display:block;

    color:#8892a0;

    margin-bottom:8px;

}

.kf-floating-card h3{

    margin:0;

    color:var(--primary);

    font-size:28px;

    font-weight:800;

}

.kf-floating-card p{

    margin-top:12px;

    color:#667085;

    line-height:1.7;

    font-size:15px;

}

/*==========================================================
VISITOR INTENT
==========================================================*/

.kf-intent{

padding:70px 0;

background:#ffffff;

}

.kf-section-heading{

text-align:center;

max-width:760px;

margin:0 auto 70px;

}

.kf-section-tag{

display:inline-block;

padding:8px 18px;

border-radius:30px;

background:#fff3e8;

color:var(--secondary);

font-size:13px;

font-weight:700;

letter-spacing:1px;

margin-bottom:20px;

}

.kf-section-heading h2{

font-size:46px;

font-weight:800;

color:var(--primary);

margin-bottom:20px;

}

.kf-section-heading h2 span{

color:var(--secondary);

}

.kf-section-heading p{

font-size:18px;

line-height:1.8;

color:#6b7280;

}

.kf-intent-grid{

display:grid;

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

gap:30px;

}

.kf-intent-card{

    background:#ffffff;

    border:1px solid #edf1f6;

    border-radius:24px;

    padding:28px;

    text-decoration:none;

    transition:.35s ease;

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

}

.kf-intent-card:hover{

transform:translateY(-8px);

border-color:var(--secondary);

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

}

.kf-intent-icon{

font-size:42px;

margin-bottom:20px;

}

.kf-intent-card h3{

color:var(--primary);

margin-bottom:15px;

font-size:24px;

}

.kf-intent-card p{

color:#667085;

line-height:1.8;

}

/*==========================================================
WHY KALYANI
==========================================================*/

.kf-why{

padding:90px 0;

background:#f9fbff;

}

.kf-why-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:70px;

align-items:center;

}

.kf-why-content h2{

font-size:48px;

margin:25px 0;

color:var(--primary);

}

.kf-why-content h2 span{

color:var(--secondary);

}

.kf-why-content p{

font-size:18px;

line-height:1.9;

margin-bottom:25px;

color:#5f6777;

}

.kf-why-list{

margin-top:35px;

display:grid;

gap:18px;

}

.kf-why-item{

display:flex;

gap:15px;

align-items:flex-start;

}

.kf-why-item i{

color:var(--secondary);

font-size:20px;

margin-top:3px;

}

.kf-why-item span{

line-height:1.8;

color:#3f4d63;

}

.kf-why-image img{

width:100%;

border-radius:26px;

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

}

/*==========================================================
IMPACT
==========================================================*/

.kf-impact{

padding:90px 0;

background:linear-gradient(135deg,var(--primary),#163f78);

color:#fff;

}

.kf-impact-heading{

text-align:center;

max-width:760px;

margin:0 auto 60px;

}

.kf-impact-heading .kf-section-tag{

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

color:#fff;

}

.kf-impact-heading h2{

font-size:46px;

font-weight:800;

margin:25px 0 20px;

color:#fff;

}

.kf-impact-heading h2 span{

color:#FFD37A;

}

.kf-impact-heading p{

font-size:18px;

line-height:1.8;

opacity:.9;

}

.kf-impact-grid{

display:grid;

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

gap:30px;

}

.kf-impact-card{

position:relative;

overflow:hidden;

background:#ffffff;

border-radius:22px;

padding:35px;

text-align:center;

transition:.35s ease;

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

}

.kf-impact-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:6px;

height:100%;

background:var(--secondary);

}

.kf-impact-card:hover{

transform:translateY(-10px) scale(1.02);

}

.kf-impact-card h3{

font-size:64px;

font-weight:800;

margin-bottom:12px;

color:#FFD37A;

}

.kf-impact-card p{

font-size:17px;

line-height:1.6;

color:#5d6676;

}

/*==========================================================
EXPERTISE
==========================================================*/

.kf-expertise{

padding:90px 0;

background:#ffffff;

}

.kf-expertise-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.kf-expertise-card{

background:#fff;

padding:35px;

border-radius:24px;

border:1px solid #edf2f7;

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

transition:.35s ease;

text-align:left;

}

.kf-expertise-card:hover{

transform:translateY(-10px);

border-color:var(--secondary);

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

}

.kf-expertise-card i{

font-size:42px;

color:var(--secondary);

margin-bottom:22px;

}

.kf-expertise-card h3{

font-size:26px;

color:var(--primary);

margin-bottom:16px;

font-weight:700;

}

.kf-expertise-card p{

font-size:17px;

line-height:1.8;

color:#5d6676;

}

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

.kf-final-cta{

padding:100px 0;

background:linear-gradient(135deg,var(--primary),#17417b);

}

.kf-final-cta-box{

max-width:900px;

margin:auto;

text-align:center;

color:#fff;

}

.kf-final-cta-box .kf-section-tag{

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

color:#fff;

}

.kf-final-cta-box h2{

font-size:54px;

margin:25px 0;

color:#fff;

font-weight:800;

}

.kf-final-cta-box h2 span{

color:#FFD37A;

}

.kf-final-cta-box p{

font-size:20px;

line-height:1.9;

opacity:.92;

max-width:760px;

margin:auto;

}

.kf-final-buttons{

display:flex;

justify-content:center;

gap:20px;

margin-top:45px;

flex-wrap:wrap;

}

/*==========================================================
FOOTER
Project UDAAN
==========================================================*/

.kf-footer{

background:#0b2346;

padding:90px 0 0;

color:#dbe4f3;

}

.kf-footer-grid{

display:grid;

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

gap:50px;

padding-bottom:60px;

}

.kf-footer-logo img{

height:70px;

margin-bottom:25px;

}

.kf-footer-about p{

font-size:16px;

line-height:1.9;

color:#c6d2e4;

margin-bottom:28px;

}

.kf-footer-badges{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.kf-footer-badges span{

padding:9px 16px;

border-radius:50px;

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

color:#fff;

font-size:13px;

font-weight:600;

transition:.3s;

}

.kf-footer-badges span:hover{

background:var(--secondary);

}

.kf-footer-links h4,

.kf-footer-contact h4{

font-size:20px;

color:#fff;

margin-bottom:28px;

position:relative;

padding-bottom:14px;

}

.kf-footer-links h4::after,

.kf-footer-contact h4::after{

content:"";

position:absolute;

left:0;

bottom:0;

width:45px;

height:3px;

background:var(--secondary);

border-radius:20px;

}

.kf-footer-links ul,

.kf-footer-contact ul{

list-style:none;

padding:0;

margin:0;

}

.kf-footer-links li,

.kf-footer-contact li{

margin-bottom:16px;

}

.kf-footer-links a{

color:#c6d2e4;

text-decoration:none;

transition:.3s;

display:inline-flex;

align-items:center;

}

.kf-footer-links a:hover{

color:#fff;

padding-left:8px;

}

.kf-footer-contact li{

display:flex;

align-items:flex-start;

gap:12px;

color:#c6d2e4;

line-height:1.7;

}

.kf-footer-contact i{

color:var(--secondary);

width:18px;

margin-top:4px;

}

.kf-footer-social{

display:flex;

gap:14px;

margin-top:30px;

}

.kf-footer-social a{

width:42px;

height:42px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

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

color:#fff;

text-decoration:none;

transition:.35s;

}

.kf-footer-social a:hover{

background:var(--secondary);

transform:translateY(-5px);

}

.kf-footer-bottom{

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

padding:30px 0;

text-align:center;

}

.kf-footer-bottom p{

font-size:20px;

font-weight:700;

color:#fff;

margin-bottom:10px;

}

.kf-footer-bottom span{

font-size:15px;

color:#b5c4d8;

}

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

.kf-success{

padding:100px 0;

background:#f8fbff;

}

.kf-success-grid{

display:grid;

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

gap:30px;

margin-top:60px;

}

.kf-success-card{

background:#fff;

border-radius:24px;

padding:35px;

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

transition:.35s;

border-top:5px solid transparent;

}

.kf-success-card:hover{

transform:translateY(-10px);

border-color:var(--secondary);

}

.kf-success-industry{

display:inline-block;

padding:8px 16px;

border-radius:30px;

background:#fff4e8;

color:var(--secondary);

font-size:13px;

font-weight:700;

margin-bottom:18px;

}

.kf-success-card h3{

font-size:28px;

margin-bottom:18px;

color:var(--primary);

}

.kf-success-card p{

font-size:16px;

line-height:1.8;

color:#5d6676;

margin-bottom:25px;

}

.kf-success-card ul{

list-style:none;

padding:0;

margin:0 0 25px;

}

.kf-success-card li{

padding:10px 0;

border-bottom:1px solid #eef2f7;

color:#3b4655;

}

.kf-success-link{

display:inline-flex;

align-items:center;

font-weight:700;

color:var(--secondary);

text-decoration:none;

transition:.3s;

}

.kf-success-link:hover{

transform:translateX(6px);

}