/*=================================
 DHANI PERSONAL LOAN PREMIUM UI
=================================*/


.dhani-personal-hero{

padding:100px 20px;

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

}


.personal-wrapper{

max-width:1200px;

margin:auto;

display:flex;

align-items:center;

gap:60px;

}



.personal-content{

flex:1;

}



.loan-label{


display:inline-flex;

align-items:center;

gap:8px;

background:#e8fff1;

color:#00843d;

padding:10px 20px;

border-radius:40px;

font-weight:700;

}



.personal-content h1{


font-size:52px;

line-height:1.15;

font-weight:900;

color:#102030;

margin:25px 0;

}



.personal-content p{


font-size:18px;

line-height:1.8;

color:#555;

max-width:650px;

}




.hero-action{


display:flex;

gap:20px;

margin-top:35px;

}



.apply-btn{


background:#00843d;

color:#fff;

padding:16px 40px;

border-radius:50px;

text-decoration:none;

font-weight:800;

}



.contact-btn{


border:2px solid #00843d;

color:#00843d;

padding:14px 40px;

border-radius:50px;

text-decoration:none;

font-weight:800;

}




.trust-points{


display:flex;

gap:20px;

margin-top:50px;

}



.trust-card{


background:#fff;

padding:25px;

border-radius:20px;

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

}



.trust-card i{


font-size:28px;

color:#00843d;

}



.trust-card h3{


font-size:18px;

margin:12px 0 5px;

}



.trust-card span{


color:#666;

font-size:14px;

}





.personal-card{


width:380px;

background:#ffffff;

padding:40px;

border-radius:30px;

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

text-align:center;

}



.card-top{


color:#00843d;

font-size:18px;

font-weight:800;

}



.personal-card h2{


font-size:32px;

margin:15px 0;

}



.loan-highlight{


font-size:45px;

font-weight:900;

color:#00843d;

}



.personal-card ul{


padding:0;

list-style:none;

text-align:left;

line-height:2.4;

}



.personal-card a{


display:block;

background:#00843d;

color:white;

padding:16px;

border-radius:50px;

text-decoration:none;

font-weight:800;

}




@media(max-width:768px){


.personal-wrapper{

flex-direction:column;

}


.personal-content h1{

font-size:34px;

}



.trust-points{

flex-direction:column;

}



.personal-card{

width:100%;

}


.hero-action{

flex-direction:column;

}


}



/*====================================
 DHANI LOAN SEO DESCRIPTION SECTION
====================================*/


.dhani-loan-description {

    padding: 100px 20px;

    background: #ffffff;

}



.description-container {

    max-width: 1200px;

    margin: auto;

}



.section-heading {

    text-align: center;

    max-width: 850px;

    margin: auto;

}



.section-heading span {

    background: #e8fff1;

    color: #00843d;

    padding: 8px 20px;

    border-radius: 40px;

    font-weight: 700;

}



.section-heading h2 {

    font-size: 38px;

    margin: 25px 0;

    font-weight: 900;

    color: #102030;

}



.section-heading p {

    font-size: 18px;

    color: #666;

}




.description-content {

    margin-top: 50px;

    font-size: 17px;

    line-height: 1.9;

    color: #444;

}



.description-content p {

    margin-bottom: 20px;

}




.loan-info-grid {

    display: grid;

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

    gap: 25px;

    margin: 60px 0;

}




.info-card {

    background: white;

    padding: 35px;

    border-radius: 25px;

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

    transition: .3s;

}



.info-card:hover {

    transform: translateY(-8px);

}



.info-card .icon {

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #e8fff1;

    color: #00843d;

    font-size: 25px;

}



.info-card h3 {

    margin: 20px 0 10px;

    font-size: 22px;

}



.info-card p {

    color: #666;

    line-height: 1.7;

}




.long-description {

    margin-top: 50px;

    background: #f7fff9;

    padding: 45px;

    border-radius: 30px;

}



.long-description h2 {

    font-size: 32px;

    margin-bottom: 25px;

    color: #102030;

}



.long-description p {

    font-size: 17px;

    line-height: 1.9;

    color: #444;

    margin-bottom: 18px;

}




@media(max-width:768px) {


    .section-heading h2 {

        font-size: 28px;

    }


    .loan-info-grid {

        grid-template-columns: 1fr;

    }


    .long-description {

        padding: 25px;

    }



}




/*==================================
 LOAN PROCESS SECTION
==================================*/


.loan-process-section {

    padding: 100px 20px;

    background: #f8fffb;

}



.process-container {

    max-width: 1200px;

    margin: auto;

}




.eligibility-wrapper {

    display: grid;

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

    gap: 30px;

    margin-top: 50px;

}



.eligibility-card {


    background: white;

    padding: 40px;

    border-radius: 30px;

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

}



.card-icon {

    width: 65px;

    height: 65px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #e8fff1;

    color: #00843d;

    font-size: 28px;

}



.eligibility-card h3 {

    font-size: 25px;

    margin: 20px 0;

}



.eligibility-card p {

    line-height: 1.8;

    color: #555;

}



.eligibility-card ul {

    padding: 0;

    list-style: none;

    line-height: 2.2;

    margin-top: 20px;

}





.timeline-title {

    text-align: center;

    margin: 80px 0 40px;

}



.timeline-title h2 {

    font-size: 35px;

    font-weight: 900;

}





.loan-timeline {

    position: relative;

}



.timeline-item {

    display: flex;

    gap: 30px;

    background: white;

    padding: 30px;

    margin-bottom: 25px;

    border-radius: 25px;

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

}



.number {

    min-width: 70px;

    height: 70px;

    border-radius: 50%;

    background: #00843d;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    font-weight: 800;

}



.timeline-item h3 {

    font-size: 22px;

    margin-bottom: 10px;

}



.timeline-item p {

    color: #555;

    line-height: 1.7;

}





.seo-bottom-content {

    margin-top: 60px;

    background: white;

    padding: 45px;

    border-radius: 30px;

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

}



.seo-bottom-content h2 {

    font-size: 32px;

    margin-bottom: 20px;

}



.seo-bottom-content p {

    line-height: 1.9;

    font-size: 17px;

    margin-bottom: 18px;

    color: #444;

}




@media(max-width:768px) {


    .eligibility-wrapper {

        grid-template-columns: 1fr;

    }



    .timeline-item {

        flex-direction: column;

    }



    .number {

        min-width: 60px;

    }



    .seo-bottom-content {

        padding: 25px;

    }


}



/*==================================
 BENEFITS SECTION
==================================*/


.benefits-section {

    padding: 100px 20px;

    background: #ffffff;

}



.benefits-container {

    max-width: 1200px;

    margin: auto;

}




.benefits-grid {

    display: grid;

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

    gap: 25px;

    margin-top: 60px;

}



.benefit-card {


    padding: 35px;

    background: white;

    border-radius: 25px;

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

    transition: .3s;

}



.benefit-card:hover {

    transform: translateY(-8px);

}



.benefit-icon {

    height: 65px;

    width: 65px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #e8fff1;

    color: #00843d;

    font-size: 28px;

}



.benefit-card h3 {

    margin: 20px 0 10px;

    font-size: 22px;

}



.benefit-card p {

    color: #555;

    line-height: 1.8;

}





.choose-content {


    margin-top: 70px;

    padding: 50px;

    background: #f7fff9;

    border-radius: 30px;

}



.choose-content h2 {

    font-size: 34px;

    margin-bottom: 25px;

}



.choose-content p {

    font-size: 17px;

    line-height: 1.9;

    margin-bottom: 18px;

    color: #444;

}





.faq-section {


    margin-top: 70px;

}



.faq-section h2 {

    text-align: center;

    font-size: 35px;

    margin-bottom: 40px;

}



.faq-item {


    background: white;

    padding: 25px;

    border-radius: 20px;

    margin-bottom: 20px;

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

}



.faq-item h3 {

    font-size: 20px;

    color: #102030;

    margin-bottom: 12px;

}



.faq-item p {

    color: #555;

    line-height: 1.7;

}




@media(max-width:768px) {


    .benefits-grid {

        grid-template-columns: 1fr;

    }


    .choose-content {

        padding: 25px;

    }


    .faq-section h2 {

        font-size: 28px;

    }


}



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


.personal-cta-section {

    padding: 90px 20px;

    background:
        linear-gradient(135deg, #00843d, #005c2b);

}


.cta-container {

    max-width: 1200px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 50px;

}



.cta-content {

    color: white;

    flex: 1;

}



.cta-badge {

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

    padding: 8px 20px;

    border-radius: 30px;

    font-weight: 700;

}



.cta-content h2 {

    font-size: 42px;

    margin: 25px 0;

    font-weight: 900;

}



.cta-content p {

    font-size: 18px;

    line-height: 1.8;

    opacity: .95;

}



.cta-buttons {

    display: flex;

    gap: 20px;

    margin-top: 35px;

}



.cta-primary {

    background: white;

    color: #00843d;

    padding: 16px 35px;

    border-radius: 50px;

    font-weight: 800;

    text-decoration: none;

}



.cta-secondary {

    border: 2px solid white;

    color: white;

    padding: 14px 35px;

    border-radius: 50px;

    font-weight: 800;

    text-decoration: none;

}




.cta-card {


    width: 380px;

    background: white;

    padding: 35px;

    border-radius: 30px;

}



.cta-icon {

    height: 60px;

    width: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #e8fff1;

    color: #00843d;

    font-size: 28px;

    border-radius: 50%;

}



.cta-card h3 {

    margin: 20px 0;

    font-size: 25px;

}



.cta-card ul {

    padding: 0;

    list-style: none;

    line-height: 2.2;

}





/*====================================
 INTERNAL SEO LINKS
====================================*/


.internal-links-section {

    padding: 90px 20px;

    background: #f8fffb;

}



.internal-container {

    max-width: 1200px;

    margin: auto;

}



.internal-grid {

    display: grid;

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

    gap: 20px;

    margin-top: 50px;

}



.internal-card {

    background: white;

    padding: 30px;

    border-radius: 25px;

    text-decoration: none;

    color: #222;

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

    transition: .3s;

}



.internal-card:hover {

    transform: translateY(-8px);

}



.internal-card i {

    font-size: 32px;

    color: #00843d;

    margin-bottom: 20px;

}



.internal-card h3 {

    font-size: 20px;

    margin-bottom: 10px;

}



.internal-card p {

    color: #666;

    line-height: 1.6;

    font-size: 15px;

}





@media(max-width:768px) {


    .cta-container {

        flex-direction: column;

    }



    .cta-content h2 {

        font-size: 30px;

    }



    .cta-buttons {

        flex-direction: column;

    }



    .cta-card {

        width: 100%;

    }



    .internal-grid {

        grid-template-columns: 1fr;

    }


}


/*====================================
 PERSONAL LOAN USES SECTION
====================================*/


.loan-uses-section {

    padding: 100px 20px;

    background: #ffffff;

}



.uses-container {

    max-width: 1200px;

    margin: auto;

}



.uses-grid {

    display: grid;

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

    gap: 25px;

    margin-top: 60px;

}



.use-card {


    background: white;

    padding: 35px;

    border-radius: 25px;

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

    transition: .3s;

}



.use-card:hover {

    transform: translateY(-8px);

}



.use-icon {


    height: 65px;

    width: 65px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #e8fff1;

    color: #00843d;

    font-size: 28px;

}



.use-card h3 {

    font-size: 22px;

    margin: 20px 0 10px;

}



.use-card p {

    color: #555;

    line-height: 1.8;

}




.uses-content {


    margin-top: 70px;

    background: #f7fff9;

    padding: 45px;

    border-radius: 30px;

}



.uses-content h2 {

    font-size: 32px;

    margin-bottom: 25px;

}



.uses-content p {

    font-size: 17px;

    line-height: 1.9;

    color: #444;

    margin-bottom: 18px;

}





@media(max-width:768px) {


    .uses-grid {

        grid-template-columns: 1fr;

    }



    .uses-content {

        padding: 25px;

    }


}


/*====================================
 LOAN DETAILS SECTION
====================================*/


.loan-details-section {

    padding: 100px 20px;

    background: #f8fffb;

}



.loan-details-container {

    max-width: 1200px;

    margin: auto;

}




.loan-stats-grid {


    display: grid;

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

    gap: 25px;

    margin-top: 60px;


}



.loan-stat-card {


    background: white;

    padding: 40px 30px;

    border-radius: 30px;

    text-align: center;

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

    transition: .3s;

}



.loan-stat-card:hover {

    transform: translateY(-8px);

}



.stat-icon {


    height: 70px;

    width: 70px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #e8fff1;

    color: #00843d;

    font-size: 30px;

}



.loan-stat-card h3 {


    font-size: 22px;

    margin: 20px 0 10px;

}



.loan-stat-card h2 {


    font-size: 32px;

    font-weight: 900;

    color: #00843d;

    margin-bottom: 15px;

}



.loan-stat-card p {


    color: #555;

    line-height: 1.8;

}




.loan-detail-content {


    margin-top: 70px;

    background: white;

    padding: 50px;

    border-radius: 30px;

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

}



.loan-detail-content h2 {


    font-size: 32px;

    margin-bottom: 25px;

}



.loan-detail-content p {


    font-size: 17px;

    line-height: 1.9;

    color: #444;

    margin-bottom: 18px;

}




@media(max-width:768px) {


    .loan-stats-grid {

        grid-template-columns: 1fr;

    }



    .loan-detail-content {

        padding: 25px;

    }



    .loan-detail-content h2 {

        font-size: 26px;

    }


}





/*====================================
 DHANI TRUST SECTION
====================================*/


.dhani-trust-section {

    padding: 100px 20px;

    background: #ffffff;

}



.trust-container {

    max-width: 1200px;

    margin: auto;

}



.trust-grid {

    display: grid;

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

    gap: 25px;

    margin-top: 60px;

}



.trust-box {


    background: white;

    padding: 35px 25px;

    border-radius: 25px;

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

    transition: .3s;

}



.trust-box:hover {

    transform: translateY(-10px);

}



.trust-icon {


    width: 65px;

    height: 65px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #e8fff1;

    color: #00843d;

    font-size: 28px;

}



.trust-box h3 {


    font-size: 21px;

    margin: 20px 0 12px;

}



.trust-box p {


    font-size: 15px;

    line-height: 1.8;

    color: #555;

}




.trust-content {


    margin-top: 70px;

    padding: 50px;

    background: #f7fff9;

    border-radius: 30px;

}



.trust-content h2 {


    font-size: 34px;

    margin-bottom: 25px;

}



.trust-content p {


    font-size: 17px;

    line-height: 1.9;

    color: #444;

    margin-bottom: 18px;

}






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


.final-apply-section {


    padding: 70px 20px;

    background: #00843d;

}



.final-cta {


    max-width: 1200px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 40px;

    color: white;

}



.final-cta span {


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

    padding: 8px 20px;

    border-radius: 30px;

    font-weight: 700;

}



.final-cta h2 {


    font-size: 40px;

    margin: 20px 0;

    font-weight: 900;

}



.final-cta p {


    font-size: 18px;

}



.final-cta a {


    background: white;

    color: #00843d;

    padding: 18px 45px;

    border-radius: 50px;

    font-weight: 800;

    text-decoration: none;

    white-space: nowrap;

}




@media(max-width:768px) {


    .trust-grid {

        grid-template-columns: 1fr;

    }



    .trust-content {

        padding: 25px;

    }



    .final-cta {

        flex-direction: column;

        text-align: center;

    }



    .final-cta h2 {

        font-size: 30px;

    }



}