/*====================================
 DHANI BUSINESS LOAN HERO
 PREMIUM UI
====================================*/


* {
    box-sizing: border-box;
}


.business-hero {

    padding: 110px 20px;

    background:

        linear-gradient(135deg,
            #f5fff8,
            #ffffff);

}



.business-container {


    max-width: 1200px;

    margin: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 60px;


}



.business-content {

    flex: 1;

}





.business-badge {


    display: inline-flex;

    align-items: center;

    gap: 10px;

    background: #e8fff1;

    color: #00843d;

    padding: 10px 22px;

    border-radius: 50px;

    font-weight: 800;

}





.business-content h1 {


    font-size: 55px;

    line-height: 1.2;

    font-weight: 900;

    color: #102030;

    margin: 25px 0;


}



.business-content h1 span {


    display: block;

    color: #00843d;


}





.business-content p {


    font-size: 18px;

    line-height: 1.8;

    color: #555;

    max-width: 650px;


}






.business-buttons {


    display: flex;

    gap: 20px;

    margin-top: 35px;


}



.business-buttons a {


    padding: 17px 35px;

    border-radius: 50px;

    text-decoration: none;

    font-weight: 800;

    transition: .3s;


}



.business-buttons a:first-child {


    background: #00843d;

    color: white;


}



.business-buttons a:last-child {


    border: 2px solid #00843d;

    color: #00843d;


}



.business-buttons a:hover {


    transform: translateY(-5px);


}





/* CARD */


.business-card {


    width: 420px;

    background: white;

    padding: 45px;

    border-radius: 35px;


    box-shadow:

        0 25px 70px rgba(0, 0, 0, .12);


}




.loan-icon {


    height: 80px;

    width: 80px;

    background: #00843d;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 25px;

    font-size: 35px;


}




.business-card h2 {


    font-size: 30px;

    margin: 25px 0 15px;

    color: #102030;


}




.business-card p {


    color: #666;

    line-height: 1.8;


}




.business-points {


    margin-top: 30px;


}




.business-points div {


    padding: 12px 0;

    font-weight: 700;

    color: #333;


}



.business-points i {


    color: #00843d;

    margin-right: 10px;


}





@media(max-width:992px) {


    .business-container {


        flex-direction: column;

        text-align: center;


    }



    .business-content p {


        margin: auto;


    }



    .business-buttons {


        justify-content: center;


    }



    .business-card {


        width: 100%;

        max-width: 420px;


    }



}





@media(max-width:600px) {


    .business-content h1 {


        font-size: 36px;


    }



    .business-buttons {


        flex-direction: column;


    }



    .business-card {


        padding: 30px;


    }


}



/*====================================
 BUSINESS LOAN SEO DESCRIPTION
 PREMIUM CONTENT UI
====================================*/


.business-description-section {


    padding: 100px 20px;

    background: white;


}




.business-description-section .business-container {


    max-width: 1200px;

    margin: auto;


}




.section-title {


    text-align: center;

    max-width: 850px;

    margin: auto;


}



.section-title span {


    display: inline-block;

    background: #e8fff1;

    color: #00843d;

    padding: 10px 25px;

    border-radius: 50px;

    font-weight: 800;

    font-size: 14px;


}




.section-title h2 {


    font-size: 42px;

    font-weight: 900;

    color: #102030;

    line-height: 1.3;

    margin: 25px 0 15px;


}





.section-title p {


    font-size: 17px;

    color: #666;

    line-height: 1.8;


}







.description-box {


    margin-top: 60px;

    background: #f8fffb;

    padding: 55px;

    border-radius: 35px;


    box-shadow:

        0 15px 45px rgba(0, 0, 0, .06);


    border: 1px solid rgba(0, 132, 61, .08);


}



.description-box p {


    font-size: 17px;

    line-height: 1.9;

    color: #444;

    margin-bottom: 22px;


}



.description-box strong {


    color: #00843d;

    font-weight: 800;


}







@media(max-width:768px) {



    .business-description-section {


        padding: 70px 20px;


    }



    .section-title h2 {


        font-size: 30px;


    }



    .description-box {


        padding: 25px;

    }



    .description-box p {


        font-size: 16px;


    }



}





/*====================================
 BUSINESS LOAN BENEFITS SECTION
 PREMIUM UI
====================================*/


.business-benefits-section {


    padding: 100px 20px;

    background: #f8fffb;


}





.business-benefits-section .business-container {


    max-width: 1200px;

    margin: auto;


}






.benefits-grid {


    display: grid;

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

    gap: 30px;

    margin-top: 60px;


}





.benefit-card {


    background: white;

    padding: 40px 30px;

    border-radius: 30px;


    box-shadow:

        0 15px 45px rgba(0, 0, 0, .07);


    border: 1px solid rgba(0, 132, 61, .08);


    transition: .35s ease;


    position: relative;

    overflow: hidden;


}





.benefit-card:hover {


    transform: translateY(-10px);


    box-shadow:

        0 25px 60px rgba(0, 132, 61, .15);


}





.benefit-card::after {


    content: "";

    position: absolute;

    height: 100px;

    width: 100px;

    background: #e8fff1;

    border-radius: 50%;

    right: -40px;

    bottom: -40px;


}






.benefit-icon {


    height: 75px;

    width: 75px;


    display: flex;

    align-items: center;

    justify-content: center;


    background: #00843d;


    color: white;


    border-radius: 22px;


    font-size: 30px;


}




.benefit-card h3 {


    font-size: 24px;

    font-weight: 900;

    color: #102030;

    margin: 25px 0 15px;


}




.benefit-card p {


    font-size: 16px;

    line-height: 1.8;

    color: #555;


}








/* BOTTOM CONTENT */


.benefit-bottom-content {


    margin-top: 70px;


    padding: 50px;


    background: white;


    border-radius: 35px;


    box-shadow:

        0 15px 40px rgba(0, 0, 0, .06);


}





.benefit-bottom-content h2 {


    font-size: 34px;

    font-weight: 900;

    color: #102030;

    margin-bottom: 20px;


}




.benefit-bottom-content p {


    font-size: 17px;

    line-height: 1.9;

    color: #555;

    margin-bottom: 18px;


}







@media(max-width:992px) {


    .benefits-grid {


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


    }



}





@media(max-width:768px) {


    .benefits-grid {


        grid-template-columns: 1fr;


    }



    .benefit-bottom-content {


        padding: 25px;


    }



    .benefit-bottom-content h2 {


        font-size: 28px;


    }



}





/*====================================
 BUSINESS LOAN ELIGIBILITY SECTION
====================================*/


.business-eligibility-section {

    padding: 100px 20px;

    background: white;

}



.business-eligibility-section .business-container {

    max-width: 1200px;

    margin: auto;

}





/* ELIGIBILITY GRID */


.eligibility-grid {

    display: grid;

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

    gap: 35px;

    margin-top: 60px;

}





.eligibility-card {


    background: #f8fffb;

    padding: 45px;

    border-radius: 35px;

    border: 1px solid rgba(0, 132, 61, .08);

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


}





.eligibility-icon {


    height: 75px;

    width: 75px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #00843d;

    color: white;

    font-size: 30px;

    border-radius: 22px;


}



.eligibility-card h3 {


    font-size: 28px;

    font-weight: 900;

    color: #102030;

    margin: 25px 0;


}




.eligibility-card ul {


    padding: 0;

    margin: 0;

    list-style: none;


}




.eligibility-card li {


    display: flex;

    gap: 12px;

    align-items: flex-start;

    margin-bottom: 18px;

    font-size: 16px;

    line-height: 1.7;

    color: #555;


}



.eligibility-card li i {


    color: #00843d;

    margin-top: 5px;


}







/* PROCESS AREA */


.business-process-area {


    margin-top: 90px;

}




.business-process-area h2 {


    text-align: center;

    font-size: 36px;

    font-weight: 900;

    color: #102030;

    margin-bottom: 45px;


}





.business-process-grid {


    display: grid;

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

    gap: 25px;


}





.business-process-card {


    background: white;

    padding: 35px 25px;

    border-radius: 30px;

    text-align: center;

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

    position: relative;

    transition: .3s;


}



.business-process-card:hover {

    transform: translateY(-8px);

}




.business-process-card span {


    position: absolute;

    top: 15px;

    right: 20px;


    font-size: 45px;

    font-weight: 900;

    color: #e8fff1;


}




.business-process-card i {


    height: 70px;

    width: 70px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;


    background: #00843d;

    color: white;

    border-radius: 20px;

    font-size: 28px;


}





.business-process-card h3 {


    font-size: 22px;

    font-weight: 800;

    color: #102030;

    margin: 20px 0 12px;


}




.business-process-card p {


    font-size: 15px;

    line-height: 1.7;

    color: #666;


}







@media(max-width:992px) {


    .business-process-grid {

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

    }


}





@media(max-width:768px) {


    .eligibility-grid {

        grid-template-columns: 1fr;

    }



    .eligibility-card {

        padding: 30px;

    }



    .business-process-grid {

        grid-template-columns: 1fr;

    }



    .business-process-area h2 {

        font-size: 28px;

    }


}


/*====================================
 SEO CONTENT PREMIUM SECTION
====================================*/


.business-seo-content {


    padding: 100px 20px;

    background: #f8fffb;


}



.business-seo-content .business-container {


    max-width: 1200px;

    margin: auto;


}




.seo-content-box {


    margin-top: 60px;

    background: white;

    padding: 60px;

    border-radius: 35px;


    box-shadow:

        0 20px 60px rgba(0, 0, 0, .08);


    border: 1px solid rgba(0, 132, 61, .08);


}



.seo-content-box h3 {


    font-size: 26px;

    font-weight: 900;

    color: #102030;

    margin: 35px 0 15px;


}



.seo-content-box h3:first-child {


    margin-top: 0;


}



.seo-content-box p {


    font-size: 17px;

    line-height: 1.9;

    color: #555;

    margin-bottom: 22px;


}



.seo-content-box strong {


    color: #00843d;

    font-weight: 800;


}





@media(max-width:768px) {


    .business-seo-content {


        padding: 70px 20px;

    }



    .seo-content-box {


        padding: 30px;

    }



    .seo-content-box h3 {


        font-size: 23px;

    }



    .seo-content-box p {


        font-size: 16px;

    }


}