*{
            margin:0;
            padding:0;
            box-sizing:border-box;
            font-family:'Poppins',sans-serif;
        }

        body{
            background:#f8fbff;
        }

        /*==========================
            NAVBAR
        ==========================*/

        .navbar{
            background:#fff;
            padding:15px 0;
            box-shadow:0 10px 30px rgba(0,0,0,.05);
        }

        .navbar-brand{
            display:flex;
            align-items:center;
            font-size:28px;
            font-weight:700;
            color:#0d6efd !important;
        }

        .navbar-brand img{
            height:50px;
            margin-right:12px;
        }

        .navbar-nav .nav-link{
            color:#333;
            font-weight:600;
            margin:0 10px;
            transition:.3s;
            position:relative;
        }

        .navbar-nav .nav-link:hover,
        .navbar-nav .nav-link.active{
            color:#0d6efd;
        }

        .navbar-nav .nav-link::after{
            content:'';
            position:absolute;
            width:0%;
            height:2px;
            left:0;
            bottom:-6px;
            background:#0d6efd;
            transition:.3s;
        }

        .navbar-nav .nav-link:hover::after,
        .navbar-nav .nav-link.active::after{
            width:100%;
        }

        .btn-repay{
            border:2px solid #0d6efd;
            color:#0d6efd;
            padding:11px 24px;
            border-radius:50px;
            font-weight:600;
            transition:.3s;
        }

        .btn-repay:hover{
            background:#0d6efd;
            color:#fff;
        }

        .btn-apply{
            background:#0d6efd;
            color:#fff;
            padding:11px 28px;
            border-radius:50px;
            font-weight:600;
            transition:.3s;
        }

        .btn-apply:hover{
            background:#004fc7;
            color:#fff;
        }

        /* Demo Section */

        .hero{
            height:80vh;
            display:flex;
            justify-content:center;
            align-items:center;
            text-align:center;
        }

        .hero h1{
            font-size:60px;
            font-weight:700;
            color:#1b1b1b;
        }

        .hero p{
            font-size:18px;
            color:#666;
        }

        @media(max-width:991px){

            .navbar-nav{
                margin:25px 0;
                text-align:center;
            }

            .navbar-nav .nav-link{
                margin:12px 0;
            }

            .cta-buttons{
                width:100%;
                flex-direction:column;
            }

            .cta-buttons .btn{
                width:100%;
            }

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

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

.hero-slider{
position:relative;
overflow:hidden;
}

.carousel-item{
height:700px;
position:relative;
}

.hero-bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;

background:
radial-gradient(circle at top left,#dff6ff 0%,transparent 35%),
radial-gradient(circle at bottom right,#d7f8e6 0%,transparent 35%),
linear-gradient(135deg,#ffffff 0%,#f6fbff 50%,#eefaf3 100%);
}

.hero-bg::before{
content:'';
position:absolute;
width:500px;
height:500px;
background:#1f6cff10;
border-radius:50%;
top:-150px;
right:-100px;
filter:blur(10px);
}

.hero-bg::after{
content:'';
position:absolute;
width:350px;
height:350px;
background:#39c86b15;
border-radius:50%;
left:-80px;
bottom:-80px;
filter:blur(10px);
}

.hero-content{
position:relative;
z-index:5;
height:700px;
display:flex;
align-items:center;
}

.hero-text h6{
color:#19b35c;
font-weight:700;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:15px;
}

.hero-text h1{
font-size:58px;
font-weight:800;
color:#183153;
line-height:1.2;
margin-bottom:20px;
}

.hero-text h1 span{
color:#1e90ff;
}

.hero-text p{
font-size:18px;
color:#666;
line-height:32px;
margin-bottom:35px;
max-width:550px;
}

.hero-btn .btn{
padding:15px 38px;
border-radius:50px;
font-weight:600;
font-size:16px;
margin-right:15px;
transition:.4s;
}

.btn-apply{
background:#1e90ff;
color:#fff;
}

.btn-apply:hover{
background:#1367c7;
color:#fff;
transform:translateY(-3px);
}

.btn-repay{
background:#20b15a;
color:#fff;
}

.btn-repay:hover{
background:#128847;
color:#fff;
transform:translateY(-3px);
}

/****************************
 IMAGE
****************************/

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

.hero-image img{
max-width:100%;
width:620px;
animation:float 5s ease-in-out infinite;
filter:drop-shadow(0 30px 40px rgba(0,0,0,.15));
}

/****************************
 FLOATING BOX
****************************/

.floating-box{
position:absolute;
background:#fff;
padding:18px 24px;
border-radius:18px;
box-shadow:0 20px 40px rgba(0,0,0,.08);
animation:float2 4s infinite;
}

.box1{
top:80px;
left:-20px;
}

.box2{
bottom:80px;
right:-10px;
}

.floating-box h5{
font-size:16px;
font-weight:700;
margin-bottom:5px;
}

.floating-box span{
font-size:13px;
color:#777;
}

/****************************
 STATS
****************************/

.stats{
margin-top:40px;
display:flex;
gap:40px;
}

.stat h2{
font-size:32px;
font-weight:700;
color:#1e90ff;
}

.stat p{
margin:0;
font-size:15px;
color:#666;
}

/****************************
 ANIMATION
****************************/

@keyframes float{

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

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

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

}

@keyframes float2{

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

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

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

}

/****************************
 RESPONSIVE
****************************/

@media(max-width:991px){

.carousel-item{
height:auto;
padding:80px 0;
}

.hero-content{
height:auto;
text-align:center;
}

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

.hero-image{
margin-top:50px;
}

.hero-image img{
width:90%;
}

.stats{
justify-content:center;
}

.box1,.box2{
display:none;
}

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

.about-section{
    background:#f8fcff;
    position:relative;
    overflow:hidden;
}

.about-section::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:#0d6efd10;
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.about-tag{
    display:inline-block;
    background:#e9fff3;
    color:#18a558;
    padding:8px 20px;
    border-radius:50px;
    font-weight:600;
    letter-spacing:1px;
}

.about-title{
    font-size:42px;
    font-weight:700;
    color:#1d3557;
    line-height:1.3;
}

.about-title span{
    color:#0d6efd;
}

.about-text{
    color:#666;
    font-size:16px;
    line-height:30px;
}

.about-image{
    position:relative;
    text-align:center;
}

.image-bg{
    position:absolute;
    width:420px;
    height:420px;
    background:linear-gradient(135deg,#dff4ff,#e8fff1);
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.about-image img{
    position:relative;
    z-index:2;
    max-width:420px;
    filter:drop-shadow(0 20px 40px rgba(0,0,0,.12));
}

.experience-box{
    position:absolute;
    bottom:40px;
    right:20px;
    background:#fff;
    padding:20px;
    border-radius:18px;
    box-shadow:0 20px 35px rgba(0,0,0,.08);
    z-index:3;
}

.experience-box h2{
    color:#0d6efd;
    font-size:34px;
    font-weight:700;
    margin-bottom:5px;
}

.feature-box{
    display:flex;
    gap:15px;
    background:#fff;
    padding:20px;
    border-radius:15px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.3s;
    height:100%;
}

.feature-box:hover{
    transform:translateY(-6px);
}

.feature-icon{
    width:50px;
    height:50px;
    border-radius:50%;
    background:#18a558;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    font-weight:700;
    flex-shrink:0;
}

.feature-box h5{
    font-size:18px;
    font-weight:600;
    color:#1d3557;
}

.feature-box p{
    color:#666;
    margin:0;
}

.btn-primary-custom{
    background:#0d6efd;
    color:#fff;
    padding:14px 35px;
    border-radius:50px;
    margin-right:15px;
    font-weight:600;
}

.btn-primary-custom:hover{
    background:#0b5ed7;
    color:#fff;
}

.btn-outline-custom{
    border:2px solid #18a558;
    color:#18a558;
    padding:14px 35px;
    border-radius:50px;
    font-weight:600;
}

.btn-outline-custom:hover{
    background:#18a558;
    color:#fff;
}

.counter-box{
    background:#fff;
    padding:35px;
    text-align:center;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.3s;
}

.counter-box:hover{
    transform:translateY(-8px);
}

.counter-box h2{
    color:#0d6efd;
    font-size:38px;
    font-weight:700;
}

.counter-box p{
    margin:0;
    color:#666;
    font-weight:500;
}

@media(max-width:991px){

.about-title{
    font-size:32px;
}

.about-image img{
    max-width:300px;
}

.image-bg{
    width:300px;
    height:300px;
}

.experience-box{
    position:relative;
    right:auto;
    bottom:auto;
    margin:20px auto 0;
    width:220px;
}

}
/*=============================
HOW IT WORKS
==============================*/

.how-it-works{

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

    position:relative;

    overflow:hidden;

}

.section-tag{

    display:inline-block;

    background:#eaf8ef;

    color:#1fa84b;

    padding:8px 20px;

    border-radius:50px;

    font-weight:600;

    letter-spacing:1px;

}

.section-title{

    font-size:42px;

    font-weight:700;

    color:#1f2d3d;

}

.section-title span{

    color:#0d6efd;

}

.section-desc{

    max-width:700px;

    margin:auto;

    color:#666;

    line-height:30px;

}

.work-card{

    background:#fff;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    position:relative;

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

    transition:.4s;

    height:100%;

}

.work-card:hover{

    transform:translateY(-12px);

}

.step-number{

    position:absolute;

    top:15px;

    right:20px;

    font-size:40px;

    font-weight:800;

    color:#edf4ff;

}

.work-icon{

    width:90px;

    height:90px;

    background:linear-gradient(135deg,#0d6efd,#1fa84b);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:40px;

    margin:auto;

    margin-bottom:25px;

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

}

.work-card h4{

    font-size:22px;

    color:#1f2d3d;

    font-weight:600;

    margin-bottom:15px;

}

.work-card p{

    color:#666;

    line-height:28px;

    margin-bottom:0;

}

@media(max-width:991px){

.section-title{

font-size:32px;

}

.work-card{

margin-bottom:20px;

}

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

.why-choose{

    background:#f8fcff;
    position:relative;
    overflow:hidden;

}

.why-choose::before{

    content:'';
    position:absolute;
    width:400px;
    height:400px;
    background:#0d6efd10;
    border-radius:50%;
    top:-180px;
    right:-120px;

}

.section-badge{

    display:inline-block;
    padding:8px 22px;
    background:#e9fff2;
    color:#1fa84b;
    border-radius:30px;
    font-weight:600;
    letter-spacing:1px;

}

.section-heading{

    font-size:42px;
    font-weight:700;
    color:#1d3557;
    line-height:1.3;

}

.section-heading span{

    color:#0d6efd;

}

.section-text{

    color:#666;
    line-height:30px;
    font-size:16px;

}

.btn-primary-custom{

    background:#0d6efd;
    color:#fff;
    padding:14px 35px;
    border-radius:50px;
    font-weight:600;
    transition:.3s;

}

.btn-primary-custom:hover{

    background:#0954c9;
    color:#fff;
    transform:translateY(-3px);

}

.choose-card{

    background:#fff;
    padding:30px;
    border-radius:18px;
    text-align:center;
    height:100%;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
    transition:.35s;

}

.choose-card:hover{

    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.10);

}

.choose-icon{

    width:80px;
    height:80px;
    margin:auto;
    margin-bottom:20px;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#20b15a);
    color:#fff;
    font-size:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 15px 30px rgba(13,110,253,.25);

}

.choose-card h4{

    color:#1d3557;
    font-size:22px;
    font-weight:600;
    margin-bottom:15px;

}

.choose-card p{

    color:#666;
    line-height:28px;
    margin-bottom:0;

}

@media(max-width:991px){

.section-heading{

font-size:32px;

}

.choose-card{

margin-bottom:20px;

}

}
/*==================================
KEY FEATURES
===================================*/

.key-features{

    background:linear-gradient(180deg,#ffffff,#f7fbff);
    position:relative;
    overflow:hidden;
    padding:90px 0;

}

.key-features::before{

    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:#0d6efd10;
    border-radius:50%;
    left:-120px;
    top:-120px;

}

.key-features::after{

    content:'';
    position:absolute;
    width:300px;
    height:300px;
    background:#1db95410;
    border-radius:50%;
    right:-80px;
    bottom:-80px;

}

.feature-badge{

    display:inline-block;
    background:#eaf8ef;
    color:#1db954;
    padding:8px 22px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;

}

.feature-title{

    font-size:42px;
    font-weight:700;
    color:#1b3556;

}

.feature-title span{

    color:#0d6efd;

}

.feature-description{

    max-width:760px;
    margin:auto;
    color:#666;
    line-height:30px;
    font-size:17px;

}

.feature-card{

    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    transition:.4s;
    height:100%;
    border:1px solid #eef3f9;

}

.feature-card:hover{

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

}

.feature-icon{

    width:80px;
    height:80px;
    margin:auto;
    border-radius:20px;
    background:linear-gradient(135deg,#0d6efd,#1db954);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:32px;
    margin-bottom:25px;
    box-shadow:0 12px 25px rgba(13,110,253,.25);

}

.feature-card h4{

    font-size:22px;
    color:#1b3556;
    font-weight:600;
    margin-bottom:15px;

}

.feature-card p{

    color:#666;
    line-height:28px;
    margin:0;

}

@media(max-width:991px){

.feature-title{

font-size:34px;

}

.feature-card{

padding:30px 20px;

}

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

.apr-section{

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

    position:relative;

    overflow:hidden;

    padding:90px 0;

}

.apr-section:before{

    content:'';

    position:absolute;

    width:420px;

    height:420px;

    background:#0d6efd10;

    border-radius:50%;

    left:-150px;

    top:-120px;

}

.apr-section:after{

    content:'';

    position:absolute;

    width:320px;

    height:320px;

    background:#19b35c10;

    border-radius:50%;

    right:-100px;

    bottom:-100px;

}

.apr-badge{

    display:inline-block;

    background:#e8fff1;

    color:#16a34a;

    padding:8px 22px;

    border-radius:30px;

    font-weight:600;

}

.apr-title{

    font-size:44px;

    font-weight:700;

    color:#16314d;

}

.apr-title span{

    color:#0d6efd;

}

.apr-subtitle{

    max-width:760px;

    margin:auto;

    color:#666;

    line-height:30px;

}

/* Cards */

.apr-card,
.eligibility-card{

    background:#fff;

    border-radius:25px;

    padding:45px;

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

    transition:.4s;

    height:100%;

    border:1px solid #edf3f8;

}

.apr-card:hover,
.eligibility-card:hover{

    transform:translateY(-12px);

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

}

.card-icon{

    width:90px;

    height:90px;

    border-radius:25px;

    background:linear-gradient(135deg,#0d6efd,#3b82f6);

    display:flex;

    justify-content:center;

    align-items:center;

    color:#fff;

    font-size:38px;

    margin-bottom:25px;

}

.card-icon.green{

    background:linear-gradient(135deg,#16a34a,#22c55e);

}

.apr-card h3,
.eligibility-card h3{

    font-size:30px;

    font-weight:700;

    margin-bottom:25px;

    color:#183153;

}

.apr-card ul,
.eligibility-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.apr-card li,
.eligibility-card li{

    padding:14px 0;

    font-size:17px;

    color:#555;

    border-bottom:1px dashed #ececec;

}

.apr-card li:last-child,
.eligibility-card li:last-child{

    border:none;

}

.apr-card li i{

    color:#0d6efd;

    margin-right:10px;

}

.eligibility-card li i{

    color:#16a34a;

    margin-right:10px;

}

.apr-btn{

    background:#0d6efd;

    color:#fff;

    border-radius:50px;

    padding:14px 35px;

    margin-top:30px;

    font-weight:600;

}

.apr-btn:hover{

    background:#0858d1;

    color:#fff;

}

.eligibility-btn{

    background:#16a34a;

    color:#fff;

    border-radius:50px;

    padding:14px 35px;

    margin-top:30px;

    font-weight:600;

}

.eligibility-btn:hover{

    background:#12803a;

    color:#fff;

}

@media(max-width:991px){

.apr-title{

font-size:34px;

}

.apr-card,
.eligibility-card{

padding:30px;

}

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

.footer{

    background:#0f172a;

    color:#d6dbe5;

    padding-top:80px;

}

.footer-logo{

    height:70px;

}

.footer-text{

    color:#aeb6c7;

    line-height:30px;

    margin-bottom:25px;

}

.footer h4{

    color:#fff;

    margin-bottom:25px;

    font-size:22px;

    font-weight:600;

}

.footer ul{

    list-style:none;

    padding:0;

    margin:0;

}

.footer ul li{

    margin-bottom:14px;

}

.footer ul li a{

    color:#b7c0d1;

    text-decoration:none;

    transition:.3s;

}

.footer ul li a:hover{

    color:#20c863;

    padding-left:8px;

}

.contact-list li{

    display:flex;

    align-items:flex-start;

    gap:12px;

    color:#b7c0d1;

}

.contact-list i{

    color:#20c863;

    margin-top:5px;

    width:18px;

}

.footer-social{

    display:flex;

    gap:12px;

}

.footer-social a{

    width:45px;

    height:45px;

    border-radius:50%;

    background:#1b2437;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;

    text-decoration:none;

}

.footer-social a:hover{

    background:#20c863;

    transform:translateY(-5px);

}

/* Newsletter */

.newsletter{

    background:linear-gradient(135deg,#0d6efd,#1fb85a);

    border-radius:20px;

    padding:40px;

    margin-top:70px;

    margin-bottom:-45px;

    position:relative;

    z-index:10;

}

.newsletter h3{

    color:#fff;

    font-weight:700;

}

.newsletter p{

    color:#eef5ff;

    margin:0;

}

.newsletter .form-control{

    height:58px;

    border:none;

    border-radius:50px 0 0 50px;

}

.btn-subscribe{

    border-radius:0 50px 50px 0;

    background:#fff;

    color:#0d6efd;

    font-weight:600;

    padding:0 35px;

}

.btn-subscribe:hover{

    background:#0f172a;

    color:#fff;

}

/* Bottom */

.footer-bottom{

    margin-top:90px;

    padding:25px 0;

    background:#0a1220;

    color:#b7c0d1;

}

.footer-bottom a{

    color:#b7c0d1;

    text-decoration:none;

    margin:0 8px;

}

.footer-bottom a:hover{

    color:#20c863;

}

@media(max-width:991px){

.newsletter{

padding:30px;

text-align:center;

}

.newsletter .input-group{

margin-top:20px;

}

.footer-bottom{

text-align:center;

}

.footer-bottom .text-md-end{

margin-top:10px;

text-align:center !important;

}

}
/*====================================
BREADCRUMB
====================================*/

.breadcrumb-section{

    position:relative;
    overflow:hidden;

    padding:120px 0 80px;

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

    border-bottom:1px solid #edf2f7;

}

/* Floating Shapes */

.breadcrumb-shape{

    position:absolute;
    border-radius:50%;
    z-index:1;

}

.shape1{

    width:280px;
    height:280px;

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

    top:-100px;
    left:-80px;

}

.shape2{

    width:220px;
    height:220px;

    background:rgba(25,179,92,.08);

    right:-60px;
    bottom:-60px;

}

.breadcrumb-content{

    position:relative;
    z-index:2;

}

.page-tag{

    display:inline-block;

    background:#e8fff2;

    color:#16a34a;

    padding:8px 20px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.breadcrumb-content h1{

    font-size:50px;

    font-weight:700;

    color:#16314d;

    margin-bottom:15px;

}

.breadcrumb-content p{

    color:#667085;

    font-size:17px;

    max-width:520px;

    line-height:30px;

}

.breadcrumb{

    background:#fff;

    display:inline-flex;

    padding:15px 25px;

    border-radius:50px;

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

    margin-top:20px;

}

.breadcrumb-item{

    font-weight:600;

    font-size:15px;

}

.breadcrumb-item a{

    color:#0d6efd;

    text-decoration:none;

}

.breadcrumb-item a:hover{

    color:#16a34a;

}

.breadcrumb-item.active{

    color:#16a34a;

}

.breadcrumb-item + .breadcrumb-item::before{

    color:#999;

}

.breadcrumb i{

    margin-right:6px;

}

@media(max-width:991px){

.breadcrumb-section{

padding:90px 0 60px;

text-align:center;

}

.breadcrumb-content h1{

font-size:38px;

}

.breadcrumb-content p{

margin:auto;

}

.breadcrumb{

margin-top:30px;

justify-content:center;

}

}
/*===========================
ABOUT US
===========================*/

.about-area{

    padding:90px 0;
    background:linear-gradient(180deg,#ffffff,#f7fbff);
    overflow:hidden;

}

.about-image{

    position:relative;
    text-align:center;

}

.shape-bg{

    position:absolute;
    width:430px;
    height:430px;
    border-radius:50%;
    background:linear-gradient(135deg,#dff1ff,#e7fff2);
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.main-img{

    max-width:450px;
    position:relative;
    z-index:2;

}

.floating-card{

    position:absolute;
    background:#fff;
    padding:18px 22px;
    border-radius:18px;
    display:flex;
    gap:15px;
    align-items:center;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    z-index:5;

}

.card-1{

    top:40px;
    left:0;

}

.card-2{

    right:0;
    bottom:40px;

}

.floating-card i{

    width:55px;
    height:55px;
    border-radius:50%;
    background:#0d6efd;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;

}

.about-tag{

    background:#e8fff1;
    color:#16a34a;
    padding:8px 20px;
    border-radius:30px;
    display:inline-block;
    font-weight:600;

}

.about-title{

    font-size:46px;
    font-weight:700;
    color:#16314d;
    margin:25px 0;

}

.about-title span{

    color:#0d6efd;

}

.about-area p{

    color:#666;
    line-height:30px;
    margin-bottom:20px;

}

.feature-item{

    display:flex;
    align-items:center;
    background:#fff;
    padding:15px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    margin-bottom:20px;
    transition:.3s;

}

.feature-item:hover{

    transform:translateY(-5px);

}

.feature-item i{

    color:#16a34a;
    font-size:20px;
    margin-right:12px;

}

.btn-about{

    background:#0d6efd;
    color:#fff;
    padding:14px 35px;
    border-radius:40px;
    margin-right:15px;

}

.btn-about:hover{

    background:#0957d6;
    color:#fff;

}

.btn-contact{

    border:2px solid #16a34a;
    color:#16a34a;
    padding:14px 35px;
    border-radius:40px;

}

.btn-contact:hover{

    background:#16a34a;
    color:#fff;

}

/* Stats */

.stat-box{

    background:#fff;
    text-align:center;
    padding:35px 25px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    transition:.4s;

}

.stat-box:hover{

    transform:translateY(-10px);

}

.stat-box i{

    font-size:40px;
    color:#0d6efd;
    margin-bottom:15px;

}

.stat-box h3{

    font-size:32px;
    color:#16314d;
    font-weight:700;

}

.stat-box p{

    margin:0;
    color:#666;

}

/* Responsive */

@media(max-width:991px){

.about-title{

font-size:34px;

}

.main-img{

max-width:300px;

}

.shape-bg{

width:300px;
height:300px;

}

.card-1,
.card-2{

position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
margin:20px auto;

}

.btn-contact{

margin-top:15px;
display:inline-block;

}

}
/*==============================
VISION MISSION VALUES
===============================*/

.vmv-section{

    background:linear-gradient(180deg,#ffffff,#f7fbff,#eefbf4);
    padding:90px 0;

}

.section-badge{

    display:inline-block;
    background:#e9fff2;
    color:#16a34a;
    padding:8px 22px;
    border-radius:30px;
    font-weight:600;
    letter-spacing:1px;

}

.section-title{

    font-size:44px;
    font-weight:700;
    color:#16314d;

}

.section-title span{

    color:#0d6efd;

}

.section-description{

    max-width:750px;
    margin:auto;
    color:#666;
    line-height:30px;

}

.vmv-card{

    background:#fff;
    border-radius:20px;
    padding:40px 30px;
    text-align:center;
    height:100%;
    transition:.35s;
    box-shadow:0 15px 35px rgba(0,0,0,.06);
    border:1px solid #eef2f7;

}

.vmv-card:hover{

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

}

.active-card{

    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;

}

.active-card h3,
.active-card p{

    color:#fff;

}

.active-card .vmv-icon{

    background:#fff;
    color:#0d6efd;

}

.vmv-icon{

    width:90px;
    height:90px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:36px;
    margin-bottom:25px;

}

.vmv-card h3{

    font-size:28px;
    color:#16314d;
    margin-bottom:18px;
    font-weight:700;

}

.vmv-card p{

    color:#666;
    line-height:30px;

}

.value-list{

    list-style:none;
    padding:0;
    margin:0;
    text-align:left;

}

.value-list li{

    padding:12px 0;
    font-size:16px;

}

.value-list i{

    color:#16a34a;
    margin-right:10px;

}

.active-card .value-list i{

    color:#fff;

}

@media(max-width:991px){

.section-title{

font-size:34px;

}

.vmv-card{

padding:30px 25px;

}

}
/*==================================
HOW IT WORKS
==================================*/

.how-work{

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

}

.work-badge{

    display:inline-block;
    background:#e9fff2;
    color:#16a34a;
    padding:8px 20px;
    border-radius:30px;
    font-weight:600;
    letter-spacing:1px;

}

.work-title{

    font-size:46px;
    font-weight:700;
    color:#16314d;

}

.work-title span{

    color:#0d6efd;

}

.work-description{

    max-width:700px;
    margin:auto;
    color:#666;
    line-height:30px;

}

/* Timeline */

.how-work .row{

    position:relative;

}

.how-work .row::before{

    content:'';
    position:absolute;
    top:60px;
    left:8%;
    width:84%;
    height:4px;
    background:linear-gradient(to right,#0d6efd,#16a34a);
    z-index:1;

}

/* Card */

.step-card{

    position:relative;
    background:#fff;
    padding:35px 25px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 12px 30px rgba(0,0,0,.05);
    transition:.35s;
    z-index:2;
    height:100%;

}

.step-card:hover{

    transform:translateY(-12px);

}

.step-number{

    position:absolute;
    right:20px;
    top:18px;
    font-size:42px;
    font-weight:700;
    color:#edf4ff;

}

.step-icon{

    width:90px;
    height:90px;
    border-radius:50%;
    margin:auto;
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:36px;
    margin-bottom:25px;
    box-shadow:0 15px 30px rgba(13,110,253,.25);

}

.step-card h4{

    font-size:24px;
    color:#16314d;
    margin-bottom:15px;
    font-weight:600;

}

.step-card p{

    color:#666;
    line-height:28px;
    margin-bottom:0;

}

/* Mobile */

@media(max-width:991px){

.work-title{

font-size:34px;

}

.how-work .row::before{

display:none;

}

.step-card{

margin-bottom:20px;

}

}
.loan-purpose{

    background:#f7fbff;
    padding:100px 0;

}

.section-badge{

    background:#e9fff2;
    color:#18a558;
    padding:8px 20px;
    border-radius:30px;
    display:inline-block;
    font-weight:600;

}

.section-title{

    font-size:46px;
    font-weight:700;
    color:#16314d;
    margin:20px 0;

}

.section-title span{

    color:#0d6efd;

}

.section-description{

    max-width:700px;
    margin:auto;
    color:#666;
    line-height:30px;

}

.purpose-card{

    background:#fff;
    border-radius:20px;
    padding:35px;
    position:relative;
    overflow:hidden;
    transition:.35s;
    height:100%;
    border:1px solid #edf3f8;
    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.purpose-card:hover{

    transform:translateY(-10px);

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

}

.purpose-icon{

    width:85px;
    height:85px;
    border-radius:18px;
    background:linear-gradient(135deg,#0d6efd,#18a558);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:35px;
    margin-bottom:25px;

}

.number{

    position:absolute;
    top:20px;
    right:25px;
    font-size:48px;
    font-weight:700;
    color:#edf3ff;

}

.purpose-card h4{

    font-size:24px;
    font-weight:700;
    color:#16314d;
    margin-bottom:15px;

}

.purpose-card p{

    color:#666;
    line-height:28px;
    margin-bottom:25px;

}

.purpose-card a{

    color:#0d6efd;
    text-decoration:none;
    font-weight:600;

}

.purpose-card a i{

    margin-left:8px;
    transition:.3s;

}

.purpose-card:hover a i{

    transform:translateX(8px);

}

.featured{

    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;

}

.featured h4,
.featured p,
.featured a{

    color:#fff;

}

.featured .purpose-icon{

    background:#fff;
    color:#0d6efd;

}

.featured .number{

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

}

@media(max-width:991px){

.section-title{

font-size:34px;

}

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

.faq-section{
    background:#f8fbff;
    padding:90px 0;
}

.faq-badge{
    display:inline-block;
    background:#e8fff1;
    color:#16a34a;
    padding:8px 22px;
    border-radius:30px;
    font-weight:600;
}

.faq-title{
    font-size:46px;
    font-weight:700;
    color:#16314d;
}

.faq-title span{
    color:#0d6efd;
}

.faq-subtitle{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:30px;
}

.accordion-item{
    border:none;
    margin-bottom:20px;
    border-radius:15px !important;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.accordion-button{
    font-weight:600;
    color:#16314d;
    background:#fff;
    padding:20px;
}

.accordion-button:not(.collapsed){
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
}

.accordion-button:focus{
    box-shadow:none;
}

.accordion-body{
    background:#fff;
    color:#666;
    line-height:28px;
    padding:20px;
}

.accordion-button::after{
    filter:brightness(0) invert(1);
}

.accordion-button.collapsed::after{
    filter:none;
}

@media(max-width:991px){

.faq-title{
    font-size:34px;
}

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

.contact-section{

    background:linear-gradient(180deg,#ffffff,#f7fbff);
    padding:100px 0;

}

.contact-badge{

    display:inline-block;
    background:#e8fff1;
    color:#16a34a;
    padding:8px 22px;
    border-radius:30px;
    font-weight:600;

}

.contact-title{

    font-size:48px;
    font-weight:700;
    color:#16314d;

}

.contact-title span{

    color:#0d6efd;

}

.contact-subtitle{

    max-width:700px;
    margin:auto;
    color:#666;
    line-height:30px;

}

/* Contact Info */

.contact-info{

    display:flex;
    flex-direction:column;
    gap:25px;

}

.info-box{

    display:flex;
    align-items:center;
    gap:20px;
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.3s;

}

.info-box:hover{

    transform:translateX(10px);

}

.info-icon{

    width:70px;
    height:70px;
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;

}

.info-box h5{

    font-weight:700;
    color:#16314d;
    margin-bottom:5px;

}

.info-box p{

    color:#666;
    margin:0;
    line-height:28px;

}

/* Form */

.contact-form{

    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);

}

.form-control,
.form-select{

    height:58px;
    border-radius:12px;
    border:1px solid #dbe5ef;

}

textarea.form-control{

    height:auto;
}

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

    box-shadow:none;
    border-color:#0d6efd;

}

.send-btn{

    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
    padding:15px 40px;
    border-radius:50px;
    font-weight:600;
    border:none;

}

.send-btn:hover{

    color:#fff;
    transform:translateY(-3px);

}

/* Responsive */

@media(max-width:991px){

.contact-title{

font-size:36px;

}

.contact-form{

padding:25px;

}

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

.repay-section{

    padding:100px 0;

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

}

.repay-card{

    background:#fff;

    border-radius:30px;

    overflow:hidden;

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

}

.repay-left{

    height:100%;

    padding:60px 40px;

    background:linear-gradient(135deg,#0d6efd,#16a34a);

    color:#fff;

}

.repay-icon{

    width:90px;

    height:90px;

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

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:38px;

    margin-bottom:25px;

}

.repay-left h2{

    font-size:38px;

    font-weight:700;

    margin-bottom:20px;

}

.repay-left p{

    line-height:30px;

    opacity:.95;

}

.secure-box{

    margin-top:35px;

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 22px;

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

    border-radius:50px;

}

.secure-box i{

    font-size:20px;

}

/* Form */

form{

    padding:50px;

}

form label{

    font-weight:600;

    margin-bottom:10px;

    display:block;

    color:#16314d;

}

.input-group{

    height:58px;

}

.input-group-text{

    background:#0d6efd;

    color:#fff;

    border:none;

    width:60px;

    justify-content:center;

}

.form-control{

    border:1px solid #d8e4f1;

}

.form-control:focus{

    box-shadow:none;

    border-color:#0d6efd;

}

.repay-btn{

    background:linear-gradient(135deg,#0d6efd,#16a34a);

    color:#fff;

    border:none;

    padding:16px;

    border-radius:50px;

    font-size:18px;

    font-weight:600;

    transition:.3s;

}

.repay-btn:hover{

    transform:translateY(-4px);

    color:#fff;

}

@media(max-width:991px){

.repay-left{

padding:40px 30px;

text-align:center;

}

form{

padding:30px;

}

.repay-left h2{

font-size:30px;

}

}
/*=========================================
APPLY NOW SECTION
=========================================*/

.apply-now-section{
    padding:90px 0;
    background:linear-gradient(180deg,#f8fbff,#ffffff);
}

/* Banner */

.eligibility-banner{
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    padding:30px 35px;
    border-radius:20px;
    color:#fff;
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.banner-icon{
    width:75px;
    height:75px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:32px;
    margin-right:20px;
}

.eligibility-banner h3{
    font-size:30px;
    font-weight:700;
    margin-bottom:8px;
}

.eligibility-banner p{
    margin:0;
    opacity:.95;
}

.eligibility-btn{
    background:#fff;
    color:#0d6efd;
    padding:14px 35px;
    border-radius:50px;
    font-weight:600;
}

.eligibility-btn:hover{
    background:#16314d;
    color:#fff;
}

/* Main Card */

.loan-form-card{
    background:#fff;
    border-radius:25px;
    padding:40px;
    box-shadow:0 15px 45px rgba(0,0,0,.07);
}

.form-header{
    margin-bottom:35px;
}

.form-badge{
    display:inline-block;
    background:#e8fff1;
    color:#16a34a;
    padding:8px 20px;
    border-radius:30px;
    font-weight:600;
}

.form-header h2{
    margin-top:20px;
    font-size:38px;
    color:#16314d;
    font-weight:700;
}

.form-header p{
    color:#666;
}

/* Form */

.loan-form-card label{
    font-weight:600;
    margin-bottom:10px;
    color:#16314d;
}

.form-control,
.form-select{
    height:55px;
    border-radius:12px;
    border:1px solid #d8e3ef;
}

textarea.form-control{
    height:auto;
}

.form-control:focus,
.form-select:focus{
    border-color:#0d6efd;
    box-shadow:none;
}

.input-group-text{
    background:#0d6efd;
    color:#fff;
    border:none;
    width:55px;
    justify-content:center;
}

/* Consent */

.consent-box{
    background:#f8fbff;
    border:1px solid #dce8f4;
    border-radius:18px;
    padding:30px;
}

.consent-box h5{
    color:#16314d;
    font-weight:700;
}

.consent-box p{
    color:#666;
}

.form-check{
    padding:12px 0;
}

.form-check-input{
    margin-right:12px;
}

.form-check-label{
    color:#555;
    line-height:28px;
}

/* Submit */

.apply-btn{
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
    padding:16px;
    border:none;
    border-radius:50px;
    font-size:18px;
    font-weight:600;
    transition:.35s;
}

.apply-btn:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 15px 30px rgba(13,110,253,.25);
}

/* Sidebar */

.summary-card,
.benefits-card,
.security-card{
    background:#fff;
    border-radius:20px;
    padding:30px;
    box-shadow:0 12px 35px rgba(0,0,0,.06);
}

.summary-header{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.summary-header i{
    color:#16a34a;
    font-size:36px;
}

.summary-header h4{
    margin:0;
    color:#16314d;
    font-weight:700;
}

.summary-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.summary-card li{
    display:flex;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid #edf3f8;
    color:#555;
}

.summary-card li:last-child{
    border:none;
}

.summary-card li i{
    color:#0d6efd;
    width:30px;
    font-size:18px;
}

.summary-card strong{
    margin-left:5px;
    color:#16a34a;
}

/* Benefits */

.benefits-card h4{
    color:#16314d;
    margin-bottom:25px;
    font-weight:700;
}

.benefit-item{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-bottom:25px;
}

.benefit-item:last-child{
    margin-bottom:0;
}

.benefit-item i{
    width:55px;
    height:55px;
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:20px;
    flex-shrink:0;
}

.benefit-item h6{
    margin-bottom:5px;
    color:#16314d;
    font-weight:600;
}

.benefit-item small{
    color:#666;
    line-height:24px;
}

/* Security */

.security-card{
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
}

.security-card h5{
    font-weight:700;
    margin-bottom:20px;
}

.security-card p{
    opacity:.95;
    line-height:28px;
}

.security-icons{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:25px;
}

.security-icons span{
    background:rgba(255,255,255,.15);
    padding:10px 18px;
    border-radius:30px;
    font-size:14px;
}

.security-icons i{
    margin-right:6px;
}

/* Hover */

.loan-form-card,
.summary-card,
.benefits-card,
.security-card{
    transition:.35s;
}

.loan-form-card:hover,
.summary-card:hover,
.benefits-card:hover,
.security-card:hover{
    transform:translateY(-8px);
}

/* Responsive */

@media(max-width:991px){

.apply-now-section{
    padding:60px 0;
}

.loan-form-card{
    padding:25px;
}

.form-header h2{
    font-size:30px;
}

.eligibility-banner{
    text-align:center;
}

.banner-icon{
    margin:0 auto 20px;
}

.eligibility-btn{
    margin-top:20px;
}

.summary-card,
.benefits-card,
.security-card{
    margin-top:25px;
}

}

@media(max-width:576px){

.loan-form-card{
    padding:20px;
}

.form-header h2{
    font-size:26px;
}

.eligibility-banner{
    padding:25px;
}

.banner-icon{
    width:60px;
    height:60px;
    font-size:26px;
}

.apply-btn{
    font-size:16px;
}

}
/*==============================
DISCLAIMER
==============================*/

.disclaimer-section{

    background:#f8fbff;
    padding:90px 0;

}

.disclaimer-badge{

    display:inline-block;
    background:#e8fff1;
    color:#16a34a;
    padding:8px 22px;
    border-radius:30px;
    font-weight:600;

}

.disclaimer-title{

    font-size:46px;
    font-weight:700;
    color:#16314d;

}

.disclaimer-title span{

    color:#0d6efd;

}

.disclaimer-subtitle{

    max-width:750px;
    margin:auto;
    color:#666;
    line-height:30px;

}

.disclaimer-card{

    background:#fff;
    padding:45px;
    border-radius:25px;
    box-shadow:0 20px 45px rgba(0,0,0,.06);

}

.disclaimer-item{

    display:flex;
    gap:20px;
    margin-bottom:35px;

}

.disclaimer-item .icon{

    width:65px;
    height:65px;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;

}

.disclaimer-item h5{

    color:#16314d;
    font-weight:700;
    margin-bottom:10px;

}

.disclaimer-item p{

    color:#666;
    line-height:28px;
    margin:0;

}

.important-note{

    background:#fff8e5;
    border-left:5px solid #ffc107;
    padding:20px;
    border-radius:12px;
    color:#555;

}

.important-note i{

    color:#f39c12;
    margin-right:10px;
    font-size:22px;

}

@media(max-width:991px){

.disclaimer-title{

font-size:34px;

}

.disclaimer-card{

padding:25px;

}

.disclaimer-item{

flex-direction:column;
text-align:center;

}

.disclaimer-item .icon{

margin:auto;

}

}
/*==================================
LOAN CALCULATOR
===================================*/

.loan-calculator{
    padding:100px 0;
    background:linear-gradient(180deg,#f6fbff,#ffffff,#f5fff9);
    position:relative;
    overflow:hidden;
}

.loan-calculator:before{
    content:'';
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(13,110,253,.08);
    border-radius:50%;
    top:-180px;
    left:-120px;
}

.loan-calculator:after{
    content:'';
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(22,163,74,.08);
    border-radius:50%;
    bottom:-120px;
    right:-120px;
}

/* Heading */

.calculator-badge{

    display:inline-block;
    background:#e8fff1;
    color:#16a34a;
    padding:8px 22px;
    border-radius:50px;
    font-weight:600;
    letter-spacing:1px;

}

.calculator-title{

    font-size:48px;
    font-weight:700;
    color:#16314d;
    margin-top:15px;

}

.calculator-title span{

    color:#0d6efd;

}

.calculator-subtitle{

    max-width:700px;
    margin:auto;
    color:#666;
    line-height:30px;
    font-size:17px;

}

/* Wrapper */

.calculator-wrapper{

    background:#fff;
    border-radius:30px;
    padding:40px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

/* Left Card */

.calculator-card{

    background:#ffffff;
    border-radius:25px;
    padding:35px;
    border:1px solid #edf3f9;
    box-shadow:0 15px 35px rgba(0,0,0,.04);

}

.calculator-item{

    margin-bottom:20px;

}

.calculator-item label{

    font-size:18px;
    font-weight:600;
    color:#16314d;

}

.calculator-item span{

    font-size:18px;
    color:#0d6efd;
    font-weight:700;

}

.calculator-item .form-control{

    height:55px;
    border-radius:12px;
    border:1px solid #d9e6f2;
    font-size:17px;

}

.calculator-item .form-control:focus{

    border-color:#0d6efd;
    box-shadow:none;

}

/* Slider */

.form-range{

    margin-top:20px;
    height:8px;

}

.form-range::-webkit-slider-runnable-track{

    height:8px;
    background:#d9edf9;
    border-radius:30px;

}

.form-range::-webkit-slider-thumb{

    width:22px;
    height:22px;
    border-radius:50%;
    background:#16a34a;
    margin-top:-7px;
    border:3px solid #fff;
    box-shadow:0 5px 15px rgba(0,0,0,.2);
    cursor:pointer;
    -webkit-appearance:none;

}

.form-range::-moz-range-thumb{

    width:22px;
    height:22px;
    border-radius:50%;
    background:#16a34a;
    border:none;

}

/* Result Card */

.result-card{

    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
    border-radius:25px;
    padding:35px;
    box-shadow:0 20px 45px rgba(13,110,253,.25);

}

.result-card h4{

    font-size:30px;
    font-weight:700;
    margin-bottom:30px;

}

.summary-box{

    background:rgba(255,255,255,.12);
    border-radius:20px;
    padding:20px;

}

.summary-item{

    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.15);

}

.summary-item:last-child{

    border:none;

}

.summary-item span{

    font-size:16px;
    opacity:.9;

}

.summary-item strong{

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

}

.summary-item.total{

    margin-top:10px;
    padding-top:25px;
    border-top:2px solid rgba(255,255,255,.3);

}

.summary-item.total strong{

    font-size:28px;

}

/* Chart */

#loanChart{

    width:100%;
    max-height:260px;
    margin-top:15px;

}

/* Button */

.apply-btn{

    background:#fff;
    color:#0d6efd;
    border-radius:50px;
    padding:16px;
    font-size:18px;
    font-weight:700;
    transition:.35s;
    border:none;

}

.apply-btn:hover{

    background:#16314d;
    color:#fff;
    transform:translateY(-4px);

}

/* Hover */

.calculator-card,
.result-card{

    transition:.35s;

}

.calculator-card:hover{

    transform:translateY(-8px);

}

.result-card:hover{

    transform:translateY(-8px);

}

/* Responsive */

@media(max-width:991px){

.loan-calculator{

padding:70px 0;

}

.calculator-title{

font-size:36px;

}

.calculator-wrapper{

padding:20px;

}

.result-card{

margin-top:30px;

}

}

@media(max-width:576px){

.calculator-card{

padding:20px;

}

.result-card{

padding:20px;

}

.calculator-title{

font-size:30px;

}

.summary-item strong{

font-size:18px;

}

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

.grievance-section{

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

    padding:90px 0;

}

.grievance-badge{

    display:inline-block;

    background:#e8fff1;

    color:#16a34a;

    padding:8px 22px;

    border-radius:30px;

    font-weight:600;

}

.grievance-title{

    font-size:46px;

    font-weight:700;

    color:#16314d;

}

.grievance-title span{

    color:#0d6efd;

}

.grievance-subtitle{

    max-width:760px;

    margin:auto;

    color:#666;

    line-height:30px;

}

.grievance-card{

    background:#fff;

    padding:35px;

    border-radius:20px;

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

    height:100%;

    transition:.3s;

}

.grievance-card:hover{

    transform:translateY(-8px);

}

.card-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:linear-gradient(135deg,#0d6efd,#16a34a);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:34px;

    margin-bottom:25px;

}

.grievance-card h3{

    color:#16314d;

    margin-bottom:25px;

    font-weight:700;

}

.contact-list{

    list-style:none;

    padding:0;

}

.contact-list li{

    display:flex;

    gap:15px;

    margin-bottom:18px;

    color:#555;

    line-height:28px;

}

.contact-list i{

    color:#0d6efd;

    width:25px;

}

.timeline-item{

    display:flex;

    gap:18px;

    margin-bottom:30px;

}

.timeline-item span{

    width:50px;

    height:50px;

    border-radius:50%;

    background:#16a34a;

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-weight:700;

}

.timeline-item h5{

    margin-bottom:8px;

    color:#16314d;

}

.timeline-item p{

    color:#666;

    margin:0;

}

.important-box{

    display:flex;

    gap:20px;

    background:#fff8e5;

    border-left:5px solid #ffc107;

    padding:25px;

    border-radius:15px;

}

.important-box i{

    font-size:34px;

    color:#f39c12;

}

.important-box h5{

    color:#16314d;

    margin-bottom:10px;

}

.important-box p{

    color:#555;

    margin:0;

    line-height:30px;

}

@media(max-width:991px){

.grievance-title{

font-size:34px;

}

.important-box{

flex-direction:column;

text-align:center;

}

}
/*==================================
REFUND POLICY
===================================*/

.refund-section{

    background:linear-gradient(180deg,#ffffff,#f7fbff);
    padding:90px 0;

}

.refund-badge{

    display:inline-block;
    background:#e8fff1;
    color:#16a34a;
    padding:8px 22px;
    border-radius:30px;
    font-weight:600;

}

.refund-title{

    font-size:46px;
    font-weight:700;
    color:#16314d;

}

.refund-title span{

    color:#0d6efd;

}

.refund-subtitle{

    max-width:760px;
    margin:auto;
    color:#666;
    line-height:30px;

}

.policy-card{

    background:#fff;
    border-radius:20px;
    padding:35px;
    height:100%;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
    transition:.35s;
    border:1px solid #edf2f7;

}

.policy-card:hover{

    transform:translateY(-8px);

}

.policy-icon{

    width:75px;
    height:75px;
    border-radius:50%;
    background:linear-gradient(135deg,#0d6efd,#16a34a);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:30px;
    margin-bottom:20px;

}

.policy-card h4{

    color:#16314d;
    margin-bottom:15px;
    font-weight:700;

}

.policy-card p{

    color:#666;
    line-height:30px;
    margin:0;

}

.refund-note{

    display:flex;
    gap:20px;
    background:#fff8e5;
    border-left:5px solid #ffc107;
    padding:25px;
    border-radius:15px;

}

.refund-note i{

    font-size:35px;
    color:#f39c12;

}

.refund-note h5{

    color:#16314d;
    margin-bottom:10px;

}

.refund-note p{

    color:#555;
    margin:0;
    line-height:30px;

}

@media(max-width:991px){

.refund-title{

font-size:34px;

}

.refund-note{

flex-direction:column;
text-align:center;

}

}
/*==================================
TERMS & CONDITIONS
==================================*/

.terms-section{

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

    padding:90px 0;

}

.terms-badge{

    display:inline-block;

    background:#e8fff1;

    color:#16a34a;

    padding:8px 22px;

    border-radius:40px;

    font-weight:600;

    letter-spacing:1px;

}

.terms-title{

    font-size:46px;

    font-weight:700;

    color:#16314d;

}

.terms-title span{

    color:#0d6efd;

}

.terms-subtitle{

    max-width:800px;

    margin:auto;

    color:#666;

    line-height:30px;

}

/* Card */

.terms-card{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    overflow:hidden;

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

    transition:.35s;

    border:1px solid #edf3f9;

}

.terms-card:hover{

    transform:translateY(-10px);

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

}

.term-number{

    position:absolute;

    right:25px;

    top:18px;

    font-size:60px;

    font-weight:800;

    color:#edf4ff;

    line-height:1;

}

.terms-card h4{

    color:#16314d;

    font-size:24px;

    font-weight:700;

    margin-bottom:20px;

    padding-right:60px;

}

.terms-card p{

    color:#666;

    line-height:30px;

    margin:0;

}

/* Left Border */

.terms-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:6px;

    height:100%;

    background:linear-gradient(#0d6efd,#16a34a);

}

/* Notice */

.important-notice{

    display:flex;

    gap:25px;

    align-items:flex-start;

    background:linear-gradient(135deg,#0d6efd,#16a34a);

    color:#fff;

    padding:35px;

    border-radius:20px;

    margin-top:60px;

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

}

.notice-icon{

    width:80px;

    height:80px;

    border-radius:50%;

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

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    flex-shrink:0;

}

.important-notice h4{

    font-size:28px;

    font-weight:700;

    margin-bottom:15px;

}

.important-notice p{

    line-height:32px;

    margin:0;

}

/* Responsive */

@media(max-width:991px){

.terms-title{

font-size:34px;

}

.important-notice{

flex-direction:column;

text-align:center;

}

.notice-icon{

margin:auto;

}

}

@media(max-width:576px){

.terms-card{

padding:25px;

}

.term-number{

font-size:45px;

}

.terms-card h4{

font-size:21px;

}

.important-notice{

padding:25px;

}

}
/*==================================
PRIVACY POLICY
==================================*/

.privacy-section{

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

    padding:90px 0;

}

.privacy-badge{

    display:inline-block;

    background:#e8fff1;

    color:#16a34a;

    padding:8px 22px;

    border-radius:40px;

    font-weight:600;

    letter-spacing:1px;

}

.privacy-title{

    font-size:46px;

    font-weight:700;

    color:#16314d;

}

.privacy-title span{

    color:#0d6efd;

}

.privacy-subtitle{

    max-width:800px;

    margin:auto;

    color:#666;

    line-height:30px;

}

/* Cards */

.privacy-card{

    position:relative;

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    overflow:hidden;

    border:1px solid #edf3f8;

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

    transition:.35s;

}

.privacy-card:hover{

    transform:translateY(-10px);

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

}

.privacy-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:6px;

    height:100%;

    background:linear-gradient(#0d6efd,#16a34a);

}

.privacy-number{

    position:absolute;

    top:20px;

    right:25px;

    font-size:58px;

    font-weight:800;

    color:#edf4ff;

}

.privacy-card h4{

    color:#16314d;

    font-size:24px;

    font-weight:700;

    margin-bottom:18px;

    padding-right:60px;

}

.privacy-card p{

    color:#666;

    line-height:30px;

    margin:0;

}

/* Notice */

.privacy-notice{

    display:flex;

    gap:25px;

    align-items:flex-start;

    padding:35px;

    margin-top:60px;

    border-radius:20px;

    color:#fff;

    background:linear-gradient(135deg,#0d6efd,#16a34a);

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

}

.notice-icon{

    width:85px;

    height:85px;

    border-radius:50%;

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

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:36px;

    flex-shrink:0;

}

.privacy-notice h4{

    font-size:28px;

    font-weight:700;

    margin-bottom:15px;

}

.privacy-notice p{

    line-height:32px;

    margin:0;

}

/* Responsive */

@media(max-width:991px){

.privacy-title{

font-size:34px;

}

.privacy-notice{

flex-direction:column;

text-align:center;

}

.notice-icon{

margin:auto;

}

}

@media(max-width:576px){

.privacy-card{

padding:25px;

}

.privacy-number{

font-size:45px;

}

.privacy-card h4{

font-size:21px;

}

.privacy-notice{

padding:25px;

}

}