@media (max-width: 576px) {
        .col-12.col-lg-4.col-xxl-4 {
            flex: 0 0 50%;
            max-width: 50%;
            margin-bottom:9px;
        }
        .col-12.col-sm-6.col-xxl-3{
            flex: 0 0 50%;
            max-width: 50%;
            margin-bottom:9px;
        }

        .card.card--custom.homerservice {
                margin-bottom: 20px;
            }

            .card__content p,
            .section__content-text,
            .section__header-content,
            .working-process .section__header-content {
                text-align: left;
            }


            .workingprocess {
        display: flex;
        flex-wrap: wrap;
    }
   
            .featuresections {
        display: flex;
        flex-wrap: wrap;
    }
    .homerservice {
        padding:10px !important;
        gap:5px;

    }

  

    .card.card--custom {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding:15px;
    }

    .card__icon {
        flex-shrink: 0;
        text-align: center;
    }

    .card__content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .card__title {
        text-align: center;
    }

    .homerservice .card__content .card__title{
        margin-bottom:5px !important;
    }

    .card--custom::after{
        height:100%;
        top:8px;
    }

    .section.about-us.section{
        margin-top:0px;
    }

    .loan_applying{
         display:flex;
         justify-content:center;
         align-items:center;
         
    }

    .loan-apply{
        font-size: 18px;
        font-weight: 600;
        color:#181818;
    }
    
    .feature .card .fs-small{
        height:auto;
    }
        
     
    }

    .fs-small{
        font-size:16px;
     }
     .certificate-section{
        background: #eef4ff;
     }
     .certificate-item{
        text-align: center;
        /* padding: 32px; */
     }
     .certificate-item img{
        max-width: 89%;
        height: auto;
        padding: 15px;
        background: white;
        border-radius: 13px;
        margin-bottom: 19px;
     }
     .card--custom {
         height:100%;
     }
     .download-app__thumb{
        text-align:center;
     }
     .col-12.col-lg-6.col-xxl-6.mb-3 {
            margin-bottom: 10px !important;
            margin-top: 0px;
        }
        .workingprocess .card__title {
    text-align: left;
    height: auto;
}
.feature .card .card__icon{
    border-radius:0px;
    background:none;
    border:none;
    width:100%;
    justify-content:left;
    padding:0px 20px; 
}
.featuresections .card__icon img{
    width:21% !important;
}
.loan_applying{
    display:flex;
    justify-content:space-between;
     padding: 13px 17px;
     background: #E2F3FF;
     width:100%;
}
.featuresections .card__content{
    font-size:14px !important;
    padding:0px 20px; 
}
.workingprocess .card--custom{
    height:100%;
}
.workingprocess .fs-small {
    text-align: left;
    font-size:14px;
    min-height:142px;
}
.card--custom::after{
    background:white;
}
.homerservice{
    padding:0px !important;
    overflow:hidden;
    gap:0px;
}
.homerservice .fs-small {
    font-size: 14px;
}
.read-details{
    font-size: 17px;
    font-weight: 500;
    color: #181818;
    width: 147.92px;
    height: 45px;
    padding: 12px 22px 12px 22px;
    border-radius: 10px;
    background: #F9FCFF;
    }
    button.loan-apply{
    height: auto;
    padding: 12px 22px 12px 22px;
    border-radius: 10px;
    background: #fff;
    font-size: 17px;
    font-weight: 500;
    color: #0C98FF;
    border: 1px solid #0C98FF;
    }
    .feature .card .card__icon{
        height:100%;
    }
    /* Mobile view adjustments */
@media (max-width: 767px) {
    .workingprocess .card--custom {
            height: 100%;
        }
        .workingprocess .card__title{
            height:auto;
        }
        .workingprocess .card__content {
               display: block;
        }
}

        .modal-header {
            border-bottom: none;
        }
        .modal-body {
            text-align: center;
        }
        .loan-option {
            margin-bottom: 15px;
            padding: 15px;
            border: 1px solid #e9ecef;
            border-radius: 10px;
            transition: all 0.3s;
        }
        .loan-option:hover {
            background-color: #f8f9fa;
            cursor: pointer;
        }
        .loan-option img {
            width: 60px;
            height: auto;
        }