/*====================================
Loan Services
====================================*/

.loan-services {

    padding: 100px 0;

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

}

.services-grid {

    display: grid;

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

    gap: 30px;

    margin-top: 60px;

}

.service-card {

    background: #fff;

    border-radius: 24px;

    padding: 35px;

    text-align: center;

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

    border: 1px solid #eef2f7;

    transition: .35s;

    position: relative;

    overflow: hidden;

}

.service-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 5px;

    background: linear-gradient(90deg, #ff6b00, #ffb347);

}

.service-card:hover {

    transform: translateY(-10px);

    box-shadow: 0 25px 60px rgba(255, 107, 0, .18);

}

.service-icon {

    width: 85px;

    height: 85px;

    margin: auto;

    margin-bottom: 25px;

    border-radius: 20px;

    background: linear-gradient(135deg, #ff6b00, #ff9f43);

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 42px;

    color: #fff;

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

}

.service-card h3 {

    font-size: 26px;

    margin-bottom: 15px;

    font-weight: 800;

    color: #0f172a;

}

.service-card p {

    font-size: 16px;

    line-height: 1.8;

    color: #64748b;

    margin-bottom: 30px;

}

.service-btn {

    display: inline-block;

    padding: 14px 30px;

    border-radius: 50px;

    background: linear-gradient(135deg, #ff6b00, #ff9f43);

    color: #fff;

    font-weight: 700;

    transition: .35s;

}

.service-btn:hover {

    transform: translateY(-3px);

    box-shadow: 0 15px 35px rgba(255, 107, 0, .30);

}

@media(max-width:992px) {

    .services-grid {

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

    }

}

@media(max-width:768px) {

    .services-grid {

        grid-template-columns: 1fr;

    }

    .loan-services {

        padding: 70px 0;

    }

    .service-card {

        padding: 28px;

    }

}